Ext3.4 TreeGrid

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sinat_33704704/article/details/86520987

示例

前台:


    var treeloader = new Ext.ux.tree.TreeGridLoader({
        dataUrl : "/xxx/xxx/xxx.do",
        baseParams: {
            userId: userId,
        },
        fields : [{
            name: 'station',
            type: 'string'
        }, {
            name: 'xxx',
            type: 'string'
        }, {
            name: 'xxx',
            type: 'string'
        ],
        listeners:{
            load: function(store, records, successful, eOpts){
                for(var i = 1; i <records.childNodes.length; i++){
                    records.childNodes[i].collapse();
                }
            }
        }
    });
    
    
    var treeGrid = new Ext.ux.tree.TreeGrid({
        title : '',
        width : 800,
        height : 450,
        bodyStyle: 'overflow-x:hidden; overflow-y:auto',
        enableSort : false,// 默认为true,控件根据列的内容排序;置为false,则按照数据顺序显示
        columns : [{
            header: '区域',
            dataIndex: 'station',
            width: 150
        },{
            header: "xxx",
            dataIndex: 'xxx',
            align: 'center',
            width: 150
        },{
            header: "xxx",
            dataIndex: 'xxx',
            align: 'center',
            width: 150
        }],
        loader : treeloader
    });
    
    treeGrid.expandAll();
    /*treeGrid.collapseAll();*/
    
    var win = new Ext.Window({
          title: "xxx",
          id: "xxx",
          width : 800,
          height : 530,
          layout: "fit",
          modal:true,
          //items: [treeGrid],
          items: [{
              xtype: "form",
              id: "xxx",
              url: "/xxx/xxx/doxxx.do",
              //layout: "absolute",
              bodyStyle: 'overflow-x:hidden; overflow-y:hidden',
              //border: false,
              buttons: [
                {
                  text: "保存",
                  formBind: true,
                  handler: function() {
                  }
                }
              ],
              items: [treeGrid]
            }],
          listeners: {
              afterrender: function() {}
          }
        });
    
    win.show();

后台数据格式:

 [{
    "xxx": "xxx",
    "id": "station_1",
    "xxx": "xxx",
    "xxx": "xxx",
    "xxx": "xxx",
    "station": "xxx",
    "children": [{
        "xxx": "xxx",
        "id": 2,
        "xxx": "xxx",
        "xxx": "xxx",
        "xxx": "xxx",
        "station": "xxx",
        "leaf": true
    }]

 
 

猜你喜欢

转载自blog.csdn.net/sinat_33704704/article/details/86520987