示例
前台:
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
}]