首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

求个Ext3.x复选下拉树(动态加载数据)解决方案

2012-06-09 
求个Ext3.x复选下拉树(动态加载数据)谁有实例啊。。我不知道后台的数据怎么过来。。[解决办法]官方网站有http:

求个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

热点排行