Question

ExtJs 在form里面如何显示树

例如:
{
title:'项目组设置',
layout:'column',
autoHeight:true,
items:[{
columnWidth:.3,
layout:'form',
mode:'local',
autoHeight:true,
items:[{
height:10
},{
//树显示树
}]
},{
columnWidth:.7,
layout:'form',
mode:'local',
autoHeight:true,
items:[{
height:10
},team_result_grid]
}]
}

Answer 1

FuncTreePanel.superclass.constructor.call(this, {
id : 'panel_tree',
title : '功能菜单',
region : 'west',
width : 200,
autoScroll : true,
animate : true,
enableDD : true,
containerScroll : true,
border : false,
rootVisible : false,
// auto create TreeLoader
dataUrl : 'loadtree.action',
root : {
nodeType : 'async',
text : '功能',
draggable : false,
id : 'tree'
},
listeners : {
click : function(node, ev) {
if (node.isLeaf()) {
id = node.id;
treeOption_total(id);//主要根据id不同，进入不同的函数
} else {
node.toggle();
}
}
}

//数据我是放在后台的
格式如下：

[ {
'cls' : '',
'disabled' : false,
'id' : 'sysManage',
'leaf' : false,
'text' : '系统管理',
'children' : [ {
'children' : [],
'cls' : '',
'disabled' : false,
'id' : 'userManage',
'leaf' : true,
'text' : '用户管理'
}, {
'children' : [],
'cls' : '',
'disabled' : false,
'id' : 'orgManage',
'leaf' : true,
'text' : '组织管理'
}, {
'children' : [],
'cls' : '',
'disabled' : false,
'id' : 'orgList',
'leaf' : true,
'text' : '组织查看'
}, {
'children' : [],
'cls' : '',
'disabled' : false,
'id' : 'userSearch',
'leaf' : true,
'text' : '人员查询'
} ]
}]