Ext树-构建

最新推荐文章于 2016-12-13 10:42:47 发布

sric08

最新推荐文章于 2016-12-13 10:42:47 发布

阅读量99

点赞数

文章标签： EXT

本文链接：https://blog.csdn.net/sric08/article/details/83800448

版权

构建Ext 树，总的说来（我自己的经验）有两种

一种是dom拼接，另外种是是给树制定一个节点加载器，可以用来从服务器端动态加载树的节点信息

先来看看 dom拼接：

Ext.onReady(function() {
			var root = new Ext.tree.TreeNode({
						id : "root",
						text : "树的根"
					});
			var c1 = new Ext.tree.TreeNode({
						text : "子节点1"
					})
			var c11 = new Ext.tree.TreeNode({
						text : "子节点11"
					})
			var c12 = new Ext.tree.TreeNode({
						text : "子节点12"
					})
			c1.appendChild(c11);
			c1.appendChild(c12);
					
			var c2 = new Ext.tree.TreeNode({
						text : "子节点2"
					});
			root.appendChild(c1);
			root.appendChild(c2);
			var tree = new Ext.tree.TreePanel({
						title:'treeTest',
						renderTo : document.body,
						root : root,
						width:300,
						height:300,
						width : 300		
					});
		});

TreeNode(静态节点)、AsyncTreeNode(动态节点)两类节点的区别

TreeNode：常用于dom拼接，从显示上来说挺智能的，该是叶子的就是叶子，该是枝的就是枝

AsyncTreeNode：常用于动态加载树节点，因为要请求了以后才知道这级是不是叶子，所以一开始都是枝的样子，假如下边还有其他枝叶的话就加进来，要没有的话，就变成叶子了

节点加载器还在整理，整理完了，再发上来