easyui 合并单元格

最新推荐文章于 2024-12-29 06:12:56 发布

wuliSugar

最新推荐文章于 2024-12-29 06:12:56 发布

阅读量496

点赞数

CC 4.0 BY-SA版权

分类专栏： easyui 文章标签： easyui

本文链接：https://blog.youkuaiyun.com/Sugar_521/article/details/63267119

easyui 专栏收录该内容

0 篇文章

订阅专栏

本文详细介绍了如何在EasyUI框架中实现表格的单元格合并，通过实例代码展示加载完成后调用特定方法进行操作的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function MergeCells(tableID, fldList) {
        var Arr = fldList.split(",");
        var dg = $('#' + tableID);
        var fldName;
        var RowCount = dg.datagrid("getRows").length;
        var span;
        var PerValue = "";
        var CurValue = "";
        var length = Arr.length - 1;
        var sonFldname = "";
        var fldNameS = "";
        for (i = length; i >= 0; i--) {
            fldName = Arr[i];
            PerValue = "";
            span = 1;
            for (row = 0; row <= RowCount; row++) {
                if (row == RowCount) {
                    CurValue = "";
                } else {
                    if(fldName.indexOf('.')>0){
                        var ArrFldName = fldName.split('.')
                        fldNameS = ArrFldName[0];
                        sonFldname = ArrFldName[1];
                        CurValue = dg.datagrid("getRows")[row][fldNameS][sonFldname];
                    }else{
                        CurValue = dg.datagrid("getRows")[row][fldName];
                    }
                }
                if (PerValue == CurValue) {
                    span += 1;
                } else {
                    var index = row - span;
                    dg.datagrid('mergeCells', {
                        index: index,
                        field: fldName,
                        rowspan: span,
                        colspan: null
                    });
                    span = 1;
                    PerValue = CurValue;
                }
            }
        }
    }

然后在加载完成之后调用方法

 $('#'+g_gridId).datagrid({
		         columns:columns,
		 		 onLoadSuccess:function(data){
			  		MergeCells('rightgrid','id,tmplNameShow,stageTypeIdShow');
		 		 },
		 		pagination:false
		  });