首页 / EASYUI / EasyUI DataGrid 合并单元格

EasyUI DataGrid 合并单元格

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了EasyUI DataGrid 合并单元格，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1529字，纯文字阅读大概需要3分钟。

内容图文

EasyUI DataGrid 合并单元格

             1
            function
             mergeCells(){  

             2
            var arr =[{mergeFiled:"field",premiseFiled:""}];////合并列的field数组及对应前提条件filed（为空则直接内容合并） 3var dg = $("#id");   //要合并的datagrid中的表格id   4var rowCount = dg.datagrid("getRows").length;  
 5var cellName;  
 6var span;  
 7var perValue = "";  
 8var curValue = "";  
 9var perCondition="";  
10var curCondition="";  
11var flag=true;  
12var condiName="";  
13var length = arr.length - 1;  
14for (i = length; i >= 0; i--) {  
15             cellName = arr[i].mergeFiled;  
16             condiName=arr[i].premiseFiled;  
17if(!condiName){  
18                 flag=false;  
19            }  
20             perValue = "";  
21             perCondition="";  
22             span = 1;  
23for (row = 0; row <= rowCount; row++) {  
24if (row == rowCount) {  
25                     curValue = "";  
26                     curCondition="";  
27                 } else {  
28                     curValue = dg.datagrid("getRows")[row][cellName];  
29/* if(cellName=="ORGSTARTTIME"){//特殊处理这个时间字段 
30                        curValue =formatDate(dg.datagrid("getRows")[row][cellName],""); 
31                    } */32if(!flag){  
33                         curCondition=dg.datagrid("getRows")[row][condiName];  
34                    }  
35                }  
36if (perValue == curValue&&(flag||perCondition==curCondition)) {  
37                     span += 1;  
38                 } else {  
39var index = row - span;  
40                     dg.datagrid(‘mergeCells‘, {  
41                        index : index,  
42                        field : cellName,  
43                        rowspan : span,  
44                         colspan : null45                    });  
46                     span = 1;  
47                     perValue = curValue;  
48if(!flag){  
49                         perCondition=curCondition;  
50                    }  
51                }  
52            }  
53        }  
54    }
5556//<table id="deviceSerieses" class="easyui-datagrid" data-options="onLoadSuccess: mergeCells"></table>

技术分享

令外表格中列选中不变色使用的是列的styler属性.

原文：http://www.cnblogs.com/hrhlian/p/4688816.html

内容总结

以上是互联网集市为您收集整理的EasyUI DataGrid 合并单元格全部内容，希望文章能够帮你解决EasyUI DataGrid 合并单元格所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1245689.html

来源：【匿名】