EasyUI datagrid 从左至右递归合并表格

简介: EasyUI datagrid 从左至右递归合并表格

采用分治思想,从上到下,从左至右,递归合并

        function initMerge(data){
   
            if (data.length<=0)return;
            let propertyNames=['p1','p1'];
            treeMerge(data,propertyNames,0,0,data.length-1);
        }

        function treeMerge(data,propertyNames,level,start,end){
   
            if (level>=propertyNames.length)return;
            let propertyName=propertyNames[level];
            let preValue=data[start][propertyName];
            let i = start;
            for (;i <= end; i++) {
   
                if (data[i][propertyName]!==preValue){
   
                    $('#dgName').datagrid('mergeCells',{
   index: start,rowspan: i-start,field:propertyName});
                    treeMerge(data,propertyNames,level+1,start,i-1);
                    treeMerge(data,propertyNames,level,i,end);
                    return;
                }
            }
            $('#dgName').datagrid('mergeCells',{
   index: start,rowspan: i-start,field:propertyName});
            treeMerge(data,propertyNames,level+1,start,end);
        }
目录
相关文章
|
2月前
EasyUI DataGrid 假分页
EasyUI DataGrid 假分页
15 0
|
2月前
|
前端开发
easyui datagrid 的 tip实现
easyui datagrid 的 tip实现
|
2月前
|
JSON 监控 数据格式
Easy UI datagrid的学习
Easy UI datagrid的学习
|
5月前
Easyui datagrid 编辑结束时combobox显示value而不显示text
Easyui datagrid 编辑结束时combobox显示value而不显示text
|
5月前
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
|
5月前
EasyUI DataGrid 可编辑列级联操作
EasyUI DataGrid 可编辑列级联操作
|
5月前
easyui datagrid reload后自动全选解决
easyui datagrid reload后自动全选解决
|
5月前
EasyUI Datagrid 分页事件
EasyUI Datagrid 分页事件
|
5月前
|
JavaScript
EasyUI的datagrid每行数据添加操作按钮的方法
EasyUI的datagrid每行数据添加操作按钮的方法
118 0