码迷,mamicode.com
首页 > 其他好文 > 详细

EasyUi 合并单元格占列显示

时间:2015-09-05 13:53:20      阅读:326      评论:0      收藏:0      [点我收藏+]

标签:

$("#TableContainer").datagrid({
                url: ‘‘,
                method: "get",
                title: ‘工资明细列表‘,
                loadMsg: ‘数据加载中,请稍候...‘,
                nowrap: false,
                pageSize: 50,
                pageList: [50, 150, 300],
                columns: column,
                fitColumns: true,
                singleSelect: true,
                pagination: true,
                width: "100%",
                toolbar: toolbar,
                sortOrder: "asc",
                onLoadSuccess: function (data) {
                    $.tool.MergeEasyUiGrid("TableContainer", "Name,SalaryYear,SalaryMonth");
                  
                }

});

 

合并类:
$.tool.MergeEasyUiGrid = function (tableID, colList) {
    var ColArray = colList.split(",");
    var tTable = $("#" + tableID);
    var TableRowCnts = tTable.datagrid("getRows").length;
    var tmpA;
    var tmpB;
    var PerTxt = "";
    var CurTxt = "";
    var alertStr = "";
    for (j = ColArray.length - 1; j >= 0; j--) {
        PerTxt = "";
        tmpA = 1;
        tmpB = 0;


        for (i = 0; i <= TableRowCnts; i++) {
            if (i == TableRowCnts) {
                CurTxt = "";
            }
            else {
                CurTxt = tTable.datagrid("getRows")[i][ColArray[j]];
            }
            if (PerTxt == CurTxt) {
                tmpA += 1;
            }
            else {
                tmpB += tmpA;


                tTable.datagrid("mergeCells", {
                    index: i - tmpA,
                    field: ColArray[j], //合并字段
                    rowspan: tmpA,
                    colspan: null
                });
                tTable.datagrid("mergeCells", { //根据ColArray[j]进行合并
                    index: i - tmpA,
                    field: "Ideparture",
                    rowspan: tmpA,
                    colspan: null
                });


                tmpA = 1;
            }
            PerTxt = CurTxt;
        }
    }
}

EasyUi 合并单元格占列显示

标签:

原文地址:http://www.cnblogs.com/littlewrong/p/4783105.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!