文档介绍：MaoSpace/archive/2013/02/04/
Ext Js简单Tree创建及其异步加载
对于Ext Js的树的使用也是比较多的,本篇分享简单的Tree的创建及其树的异步加载处理。
function creatTree() {//创建简单的树
//节点集合创建
var rootNode = new ({ id: 'root', text: '根节点', expanded: true }); //只展开根节点(只展开某节点)
var node1 = new ({ id: 'node1', text: 'Node1', leaf: true }); //为叶子节点
var node2 = new ({ id: 'node2', text: 'Node2' });
var node3 = new ({ id: 'node3', text: 'Node3', expanded: true });
var arrNodes = [//节点集合
new ({ id: 'nodeOne', text: 'NodeOne' }),
new ({ id: 'nodeTwo', text: 'NodeTwo' }),
new ({ id: 'nodeThree', text: 'NodeThree' })
];
var arrayNodes = [new ({ text: 'nodeOne' }), new ({ text: 'nodeTwo' })];
(arrayNodes); //将集合节点添加到对应的节点
(arrNodes);
(node1); //根节点添加对应的节点
(node2);
(node3);
//也可以如下添加节点集合
//([node1, node2, node3]); //添加节点集合
var treePanel = new ({
renderTo: (), width: 150, root: rootNode,
animate: true, //是否动画
enableDD: true, //是否拖拽操作
useArrows: true, //使用Vista-style箭头
autoScroll: true, //是否自动滚动条
containerScroll: true//向ScrollManager注册此容器
});
}
//简单的树的练****br/>function treeTest() {
var rootNode = new ({//创建根节点
id: 'root', text: '树的根', nodeType: 'async'
});
(new ({ id: 'node1', text: 'Node1', leaf: true })); //是叶子节点,将不能添加子节点
(new ({ id: 'node2', text: 'Node2', leaf: true }));
var node3 = new ({ id: 'node3', text: 'Node3' }); //创建节点3
var arrNodes = [//节点集合
new ({ id: 'node30', text: 'Node30' }),
new ({ id: 'node31', text: 'Node31' }),
new ({ id: 'node32', text: 'Node32' })];