日期:2014-05-16  浏览次数:20325 次

求个Ext3.x复选下拉树(动态加载数据)
谁有实例啊。。 
我不知道后台的数据怎么过来。。


------解决方案--------------------
官方网站有http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/tree/reorder.html
这个是4.1的,3.0的自己找找看。
------解决方案--------------------
你下载完,自带一个帮助文件有。
你找不到,再有网上求助。
------解决方案--------------------
var root=new Ext.tree.AsyncTreeNode
({
id: "root",
text:"菜单",
expanded: true,
checked:false,
loader: new Ext.tree.TreeLoader
({
url: "你自己获取JSON的地址"
})
})

var tree=new Ext.tree.TreePanel
({
id:"menu",
region:"east",
width:300,
autoScroll: true, 
animate: true, 
containerScroll: true, 
border: true,
frame:true,
rootVisible: true,
lines: true,
root:root
});

上面是前台:
后台构造就不说了,只给你一个数据的样式,按照这个样子构造,然后传给前台:
[
{
text:'XXXX',leaf:false,expanded: true,id:'1',checked:false,children:
[
{text:'XXXX',leaf:true,id:'3',checked:false},
{text:'XXXX',leaf:true,id:'4',checked:false},
{text:'XXXX',leaf:true,id:'5',checked:false}
]
},
{
text:'XXXX,leaf:false,expanded: true,id:'2',checked:false,children:
[
{text:'XXXX',leaf:true,id:'6',checked:false},
{text:'XXXX',leaf:true,id:'7',checked:false}
]
}
]
结果就是一个三层菜单,第一层只有root一个
加checked就可以让树带有多选框,如果要默认选择状态的话,checked:true