EasyUI TreeGrid 的使用

 $("#dg1").treegrid({
                    data: data,
                    width: "auto",
                    height: 455,
                    iconCls: 'icon icon-org',
                    idField: 'CID', //必须有的  这个字段实际为 tree树的层级结构 
                    fitColumns: false,
                    striped: true,
                    animate: true,
                    nowrap: true,
                    treeField: 'AName',//必须有 该字段将是渲染后的tree节点
                    loadMsg: "加载中......",
                    //queryParams: { "queryParams": JSON.stringify(params) },
                    frozenColumns: [[
                      { title: 'CID', field: 'CID', hidden: true },
                       {
                           title: '分公司', field: 'AName', width: 240, rowspan: 2
                       }]],
                    columns: [[
                        {
                            field: 'LastYearGetLicenseArea', title: '测试列1 ', align: "center", width: 150, rowspan: 2 
 30                         },
                        {
                            field: 'LastYearOpenArea', title: '测试列2 ', width: 150, rowspan: 2, align: "center",  
 39                         }

                    ]],
                    onLoadSuccess: function () {
                        $("#dg1").treegrid("collapseAll");//默认加载完成后 全部折叠
                        $("span.tree-icon").removeClass("tree-folder");
                        $("span.tree-icon").removeClass("tree-file");//去掉tree前面的图标
                    }
                });

来一张效果图：

PS：如果 idField 指定的字段没有层级结构，会出现无法折叠的问题，如果Column中 treeField指定的字段没有出现，将不会出现树形列表。