easyui datagrid 合并单元格
整理以前做的东西,这个合并单元格的问题再新浪博客也写过了。。。。。
下面这段代码是列表数据
//载入排放系数管理报表数据 function LoadEmissionReportData() { //获取计算ID var CountID = getUrlParam("CountID"); $.ajax({ type: "POST", url: "../Ashx/GetGasInventoryListInfo.ashx?type=getParamReport", data: { "CountID": "" + CountID + "" }, datatype: "text", cache: false, success: function (data) { if (data != "") { var jdata = $.parseJSON(data); $("#paramTable").datagrid({ idField: "id", //标识字段,主键 pagination: false, //是否开启分页 rownumbers: true, //行号 singleSelect: true, //是否开启单选还是多选 rownumbers: true, pageSize: , pageNumber: , title: "排放系数管理表", width: ", columns: [[ { field: , rowspan: , align: 'center' }, { field: , rowspan: , align: 'center' }, { field: , rowspan: , align: 'center' }, { field: , rowspan: , align: 'center' }, { title: }, { field: , rowspan: , align: 'center' } ], [ { field: , align: 'center' }, { field: , align: 'center' }, { field: , align: 'center' }, { field: , align: 'center' }, { field: , align: 'center' } ] ], data: jdata }); } else { AlertMsg(");//这是我们自己写的弹框js } }, error: function () { AlertMsg("); } }); $("#paramTable").datagrid({ onLoadSuccess: function (data) { ) { //调用mergeCellsByField()合并单元格 mergeCellsByField("paramTable", "ID,Ext1,SName,form"); } } }); }
合并单元格的代码
function mergeCellsByField(tableID, colList) { var ColArray = colList.split(","); //切割需要合并的列名 var tTable = $("#" + tableID); var TableRowCnts = tTable.datagrid("getRows").length;//获取整个table的行数 var tmpA; var tmpB; var PerTxt = "";//记录单元格的值 var CurTxt = ""; var alertStr = ""; PerTxt = ""; tmpA = ;//记录合并的行数 tmpB = ; //当列名为ID时 记录合并的行索引 和合并的行数 其他列则跟着从相同索引值开始合并相同的行数 //遍历表格 ; i <= TableRowCnts; i++) { if (i == TableRowCnts) { //表格为空 CurTxt = ""; } else { CurTxt = tTable.datagrid("getRows")[i]["ID"]; } if (PerTxt == CurTxt) { tmpA += ; } else { tmpB += tmpA; ; j < ColArray.length; j++) { tTable.datagrid("mergeCells", { index: i - tmpA, field: ColArray[j], //合并字段 rowspan: tmpA, colspan: null }); } tmpA = ; } PerTxt = CurTxt; } };
效果图:
easyui datagrid 合并单元格的更多相关文章
- JS实现EasyUI ,Datagrid,合并单元格功能
为了实现datagrid的合并单元格效果,datagrid的数据加载方式肯定是要写在JS文件内部的. 一:在JS内部添加Datagrid数据加载方法如下: $("#id").dat ...
- easyui datagrid单击单元格选择此列
示例代码实现单击jquery easyui datagrid的单元格时,取消datagrid默认选中高亮此行的样式,改为选中单击的单元格所在的列,高亮此列上的所有单元格.可以配置全局single变量, ...
- 扩展jquery easyui datagrid编辑单元格
扩展jquery easyui datagrid编辑单元格 1.随便聊聊 这段时间由于工作上的业务需求,对jquery easyui比较感兴趣,根据比较浅薄的js知识,对jquery easyui中的 ...
- Silverlight的DataGrid合并单元格
现在也不知道还有没有同学做Silverlight开发了,我是一个Silverlight菜鸟,遇到问题也很难百度查到.就简单的记录一下这两天遇到的问题,并做了一个简单的小Demo,希望能够帮助到其他同学 ...
- WPF DataGrid 合并单元格
在网上搜索wpf合并单元格,一直没搜索到,没办法,只能自己想办法搞定了.其实就是DataGrid套DataGrid,为了方便支持Column拖动,在合并的DataGridColumn那一列的Heade ...
- EasyUI DataGrid合并单元
<table id="tt"></table> $('#tt').datagrid({ title:'Merge Cells', iconC ...
- DataGrid合并单元格(wpf)
在网上搜索wpf合并单元格,一直没搜索到,没办法,只能自己想办法搞定了.其实就是DataGrid套DataGrid,为了方便支持Column拖动,在合并的DataGridColumn那一列的Heade ...
- Easyui datagrid 扩展单元格textarea editor
datagrid 扩展单元格textarea editor by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 问题描述 如下,在没有扩展的情况下,初始化如下 手 ...
- C# DataGrid合并单元格
1.栏位枚举 private enum DataGridColumn { ROWNUM = , EMPID, EMPNAME, SEX, SALARY, ADRRESS, PHONE, TEL, PO ...
随机推荐
- WebBrowser Control
https://msdn.microsoft.com/en-us/library/aa752040(v=vs.85).aspx WebBrowser Control
- OC基础--Xcode 模板修改和文档安装
修改项目模板 项目模板就是创建工程的时候选择的某一个条目, Xcode会根据选择的条目生成固定格式的项目 如何修改项目模板 找到Xcode, 右键"显示包内容" 打开"/ ...
- javascript base64 字符转换
function Base64() { // private property _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqr ...
- Bash shell的内建命令:type
type指令是用来观察指令时来自于外部指令还是内建在bash中的指令. type [-tpa] name 选项与参数: :不加任何选项与参数时,type会显示出name是外部指令还是bash内建指 ...
- DotNetBar for Windows Forms 12.7.0.10_冰河之刃重打包版原创发布-带官方示例程序版
关于 DotNetBar for Windows Forms 12.7.0.10_冰河之刃重打包版 --------------------11.8.0.8_冰河之刃重打包版------------- ...
- js④
for循环代码执行顺序 1.执行小括号里面的第一个语句 2.判断小括号里面第二个语句的布尔值,如果为false,就会结束掉整个for循环,如果为true,就会执行大括号里面的语句块; 3.每次执行完大 ...
- excel 转换日期
早上一朋友问我excel中如何将类似这样“19850421”的文本日期转换为“1985-04-21”.我的第一反应就是直接设置单元格格式为日期,于是打开excel试了试结果显示“########### ...
- GitHub 上一份很受欢迎的前端代码优化指南
http://segmentfault.com/a/1190000002587334?utm_source=weekly&utm_medium=email&utm_campaign=e ...
- google软件测试之道--读后笔记
看完google软件测试之道,以前有认真看过一次,今天又重新看了一遍. 在google,测试人员严格区分为SET和TE.SET前期深度参与项目的开发,推动开发人员的自测,从破坏者的角度寻 ...
- jquery中的DOM事件绑定与解绑
在jquery事件中有时候有的事件只需要在绑定后有效触发一次,当通过e.target判断触发条件有效触发后解除绑定事件,来避免多次无效触发和与未知情况造成冲突. 这时候就要用到了jquery中的事件绑 ...