easyui------自动合并行
2017-07-16 17:45
429 查看
转载:
1.引入插件
2.html
3.js
http://www.cnblogs.com/xiangzhong/p/5088259.html#undefined
1.引入插件
$.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; } } } }); }); }); } });
2.html
<table id="simpleDgId" style="height: 300px" />
3.js
var sortFlag = false; $('#simpleDgId').datagrid({ url:"testController.do?datagrid", fitColumns:true, singleSelect:true, remoteSort: false, columns:[[ {field:"age",title:"年龄",width:25,align:'center',sortable:true}, {field:"userName",title:"名称",width:25,align:'center',sortable:true}, {field:"mobilePhone",title:"手机",width:25,align:'center',sortable:true} ]], onSortColumn:function(sort, order){ sortFlag = true; if("userName"==sort){ $(this).datagrid("autoMergeCells",[sort]); }else{ $(this).datagrid("autoMergeCells"); } }, onLoadSuccess: function(data){ if(!sortFlag) $(this).datagrid("autoMergeCells"); } });
相关文章推荐
- (转)EasyUI-datagrid-自动合并单元格
- EasyUI-datagrid-自动合并单元格
- EasyUI-datagrid-自动合并单元格
- easyui-datagrid自动合并行
- Intellij IDEA中设置eclipse的快捷键以及自动导包合并问题
- 在ASP.NET中自动合并小图片并使用CSS Sprite显示出来
- easyui 合并问题
- unity3d meshBaker教程(二) 自动合并
- EasyUI DataGrid 相同连续列合并
- 扩展-Easyui Datagrid相同连续列合并扩展(一)
- 使用Powerpoint for macos自动合并pptx文件
- Excel 宏vba 自动合并单元列
- EasyUI之datagrid从java服务器自动填充数据
- 自动提取HTML中的JS进行合并与压缩
- easyui的combobox根据后台数据实现自动输入提示功能
- easyui combobox开启搜索自动完成功能
- 表格合并续篇之全自动检索
- EasyUI 解决datagrid 不能自动伸展的问题
- 【easyui】datagrid横向滚动条自动滚动功能
- [Android 测试] 代码覆盖率之 手工、自动、结合appium、合并ec