项目中由于需要用到合并单元格、拆分等功能,用普通的table虽然可以满足要求,但是样式很难看,而且控制起来非常吃力,这几天在专门搞这个东西玩。
?
对于表头的数据,具体的部分数据由后台产生抛出,表示每个月的具体工作日工作周。
?
var columns = [ {name:"bigTitle",caption:reportData.bigTitle,children:[ {name:"orgName",caption:"组织结构名称",width:100,mode:"string"}, {name:"helpinfo",caption:reportData.columnCaption[0], children:[{name:"workday_month",caption:"工作日数",width:80,mode:"number",format:"#"}, {name:"loggedday_month",caption:"登录天数",width:80,mode:"number",format:"#"}] }, {name:"helpinfo",caption:reportData.columnCaption[1], children:[{name:"workday_week1",caption:"工作日数",width:70,mode:"number",format:"#"}, {name:"loggedday_week1",caption:"登录天数",width:70,mode:"number",format:"#"}] }, {name:"helpinfo",caption:reportData.columnCaption[2], children:[{name:"workday_week2",caption:"工作日数",width:70,mode:"number",format:"#"}, {name:"loggedday_week2",caption:"登录天数",width:70,mode:"number",format:"#"}] }, {name:"helpinfo",caption:reportData.columnCaption[3], children:[{name:"workday_week3",caption:"工作日数",width:70,mode:"number",format:"#"}, {name:"loggedday_week3",caption:"登录天数",width:70,mode:"number",format:"#"}] }, {name:"helpinfo",caption:reportData.columnCaption[4], children:[{name:"workday_week4",caption:"工作日数",width:70,mode:"number",format:"#"}, {name:"loggedday_week4",caption:"登录天数",width:70,mode:"number",format:"#"}] }, {name:"helpinfo",caption:reportData.columnCaption[5], 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[n]==null) columns[0]['children'].pop(); }
?
?
这个小组件还是非常好用的,支持json格式,支持ajax调用,支持一些简单的运算,支持jquery。
?
?
1 楼
Songjun37
2011-06-22
是 什么东西呢?
2 楼
rainbow040
2011-06-23
这个组件叫什么?
3 楼
godson_2003
2011-06-26
这个东西有什么难度?只不过是colspan跟rowspan的使用
4 楼
won6won
2011-06-27
是不是写的很原始
5 楼
yizhl
2011-06-28
godson_2003 写道
这个东西有什么难度?只不过是colspan跟rowspan的使用
别只是动动嘴皮子说说,一点都不知道尊重别人,有本事你给出一个更好的!
6 楼
xosadan
2011-06-28
忘记附上附件了。这个是原始的js文件以及一个demo程序。
作者是hexiaodong。
拿过来后项目里不需要这样多功能精简了下。
在json的应用条件下 这个组件还是非常简单实用的。
作者是hexiaodong。
拿过来后项目里不需要这样多功能精简了下。
在json的应用条件下 这个组件还是非常简单实用的。
7 楼
gingguoqiu
2011-06-29
看着蛮不错的,可以学习下,嘿嘿
8 楼
Chen.H
2011-06-29
LZ,你这个是西格玛表格吧,web前端,有两种
ext,西格玛
ext,西格玛