easyUI(1)-------合并单元格
来源:互联网 发布:俄罗斯杜马选举知乎 编辑:程序博客网 时间:2024/05/22 10:24
在需要合并单元格的datagrid中加入onLoadSuccess事件:
onLoadSuccess: function (data) { //指定列进行合并操作 $(this).datagrid("autoMergeCells", ['列名1', '列名2']); }
其中的autoMergeCells方法需要写一下:
$.extend($.fn.datagrid.methods, { autoMergeCells: function (jq, fields) { return jq.each(function () { var target = $(this); if (!fields) { fields = target.datagrid("getColumnFields"); } var rows = target.datagrid("getRows"); var i = 0, j = 0, temp = {}; for (i; i < rows.length; i++) { var row = rows[i]; j = 0; for (j; j < fields.length; j++) { var field = fields[j]; var tf = temp[field]; if (!tf) { tf = temp[field] = {}; tf[row[field]] = [i]; } else { var tfv = tf[row[field]]; if (tfv) { tfv.push(i); } else { tfv = tf[row[field]] = [i]; } } } } $.each(temp, function (field, colunm) { $.each(colunm, function () { var group = this; if (group.length > 1) { var before,after, megerIndex = group[0]; for (var i = 0; i < group.length; i++) { before = group[i]; after = group[i + 1]; if (after && (after - before) == 1) { continue; } var rowspan = before - megerIndex + 1; if (rowspan > 1) { target.datagrid('mergeCells', { index: megerIndex, field: field, rowspan: rowspan }); } if (after && (after - before) != 1) { megerIndex = after; } } } }); }); }); } });
阅读全文
0 0
- easyUI(1)-------合并单元格
- easyUI合并DataGrid单元格
- easyui 合并单元格
- easyui datagrid合并单元格
- easyUI完美合并单元格
- easyui 合并单元格
- easyui 合并单元格
- easyUI 动态合并单元格
- easyui 单元格合并
- easyui 单元格合并
- easyui-datagrid 合并单元格
- easyui 合并单元格
- easyui动态合并单元格
- easyui datagrid 单元格合并
- jQuery EasyUI 合并表头单元格
- easyui datagrid 动态合并单元格
- EasyUI Datagrid 动态合并单元格
- EasyUI-datagrid-自动合并单元格
- 剑指offer——把二叉树打印成多行(一般)
- mysql where 加引号和不加引号
- Android-数据存储方式2(SharedPreferences)
- 1011. A+B和C (15)
- 在ROS Kinetic和Gazebo 8中使用智能汽车仿真演示
- easyUI(1)-------合并单元格
- 1013. 数素数 (20)
- Spark性能优化指南——高级篇
- String 类------字符串转字符数组判断字符串中是否含有字母
- 前端学习(一)CSS基础
- JavaScript实现图片预览功能
- 程序员老司机总结的22个编程经验(转)
- 1015. 德才论 (25)
- JAVA发送http get/post请求、调用http接口、方法