xosadan 发表于 2013-1-23 01:21:43

分享一个支持json数据格式的支持拆分的报表

项目中由于需要用到合并单元格、拆分等功能,用普通的table虽然可以满足要求,但是样式很难看,而且控制起来非常吃力,这几天在专门搞这个东西玩。
 
对于表头的数据,具体的部分数据由后台产生抛出,表示每个月的具体工作日工作周。
 
var columns = [   {name:"bigTitle",caption:reportData.bigTitle,children:[{name:"orgName",caption:"组织结构名称",width:100,mode:"string"},                                                   {name:"helpinfo",caption:reportData.columnCaption,children:[{name:"workday_month",caption:"工作日数",width:80,mode:"number",format:"#"},          {name:"loggedday_month",caption:"登录天数",width:80,mode:"number",format:"#"}]},{name:"helpinfo",caption:reportData.columnCaption,children:[{name:"workday_week1",caption:"工作日数",width:70,mode:"number",format:"#"},          {name:"loggedday_week1",caption:"登录天数",width:70,mode:"number",format:"#"}]},{name:"helpinfo",caption:reportData.columnCaption,children:[{name:"workday_week2",caption:"工作日数",width:70,mode:"number",format:"#"},          {name:"loggedday_week2",caption:"登录天数",width:70,mode:"number",format:"#"}]},{name:"helpinfo",caption:reportData.columnCaption,children:[{name:"workday_week3",caption:"工作日数",width:70,mode:"number",format:"#"},          {name:"loggedday_week3",caption:"登录天数",width:70,mode:"number",format:"#"}]},{name:"helpinfo",caption:reportData.columnCaption,children:[{name:"workday_week4",caption:"工作日数",width:70,mode:"number",format:"#"},          {name:"loggedday_week4",caption:"登录天数",width:70,mode:"number",format:"#"}]},{name:"helpinfo",caption:reportData.columnCaption,children:[{name:"workday_week5",caption:"工作日数",width:70,mode:"number",format:"#"},          {name:"loggedday_week5",caption:"登录天数",width:70,mode:"number",format:"#"}]}   ]}   ]; 
这个用于控制删除没有数据的表头
   for(n=5;n>=0;n--){   if(reportData.columnCaption==null)   columns['children'].pop();   } 
 
这个小组件还是非常好用的,支持json格式,支持ajax调用,支持一些简单的运算,支持jquery。
 
 
页: [1]
查看完整版本: 分享一个支持json数据格式的支持拆分的报表