求TREEGRID框架

Answer 1

  var store = new Ext.ux.maximgb.tg.AdjacencyListStore({
     autoLoad : true,
        parent_id_field_name: 'parentId',
        leaf_field_name: 'childCnt',
     url: '${comm.toAction("/equ/json/listRegion")}',
        reader: new Ext.data.JsonReader(
            {
                id: idProperty,
                root: 'list',
                totalProperty: 'totalCount',
                successProperty: 'success'
            },
            record
        ),
        baseParams: baseParams,
        isLeafNode : function(rc)
        {
            return rc.get(this.leaf_field_name) < 1;
        }
    });
  
   var sm = new Ext.grid.CheckboxSelectionModel();
   
  var grid = new Ext.ux.maximgb.tg.GridPanel(
    {
      store: store,
      width: ${comm.gridWidth},
      height:${comm.gridHeight},
      master_column_id : 'regionName',
      cm:new Ext.grid.ColumnModel([sm,
{id:'regionName',header: "区域名称", width: 160, sortable: true, dataIndex: 'regionName'},
        {header: "区域等级", dataIndex: 'regionType'},
        {header: "联系人1", sortable: true, dataIndex: 'userName1'},
        {header: "联系人2", sortable: true, dataIndex: 'userName2'},
        {header: "联系人3", sortable: true, dataIndex: 'userName3'},
        {header: "经度", sortable: true, dataIndex: 'longitude'},
        {header: "纬度", sortable: true, dataIndex: 'latitude'},
        {header: "备注", sortable: true, dataIndex: 're'}
      ]), sm:sm,
      stripeRows: true,
      autoExpandColumn: 'regionName',
      title: '分区', 
      bbar: new Ext.ux.maximgb.tg.PagingToolbar({
        pageSize: 10240,
        store: store,
        displayInfo: true,
        displayMsg: '区域 {0} - {1} of {2}',
        emptyMsg: "未添加区域"
      }), 
    });
效果：
口 | 区域名称 | 分区等级 | 联系人1 | 联系人2 | 联系人3 | 经度 | ....
口 |-test    |  省      | admin  |  ....
口 | L 区域1  |市        | ...
口 |+test2    |  省      | admin  |  ....