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指定的字段沒有出現，將不會出現樹形列表。