构建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:常用于动态加载树节点,因为要请求了以后才知道这级是不是叶子,所以一开始都是枝的样子,假如下边还有其他枝叶的话就加进来,要没有的话,就变成叶子了
节点加载器 还在整理,整理完了,再发上来