A example of treepanel of Ext

最新推荐文章于 2018-01-07 15:30:17 发布

最新推荐文章于 2018-01-07 15:30:17 发布 · 134 阅读

文章标签：

#EXT

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用ExtJS创建树形菜单的简单示例。示例中定义了一个根节点，接着创建了两个子节点（IT部门和人力资源部门），并在每个子节点下进一步添加了具体的成员节点。通过该示例可以了解如何构建基本的树形结构，并为各节点添加链接及点击事件。

var root = new Ext.tree.TreeNode({
                 id:"root",
                 text:"Sample"
            });
        var ITDep = new Ext.tree.TreeNode({id:"c1",text:"IT Dep",href:"http://www.sina.com",hrefTarget:"_blank",leaf:false});
        var HRDep = new Ext.tree.TreeNode({id:"c2",text:"HR Dep",leaf:false});
        root.appendChild(ITDep);
        root.appendChild(HRDep);
        ITDep.appendChild(new Ext.tree.TreeNode({id:"c3",text:"Leo",leaf:true}));
        ITDep.appendChild(new Ext.tree.TreeNode({id:"c4",text:"Tom",leaf:true}));
        ITDep.appendChild(new Ext.tree.TreeNode({id:"c5",text:"Ray",leaf:true}));
        HRDep.appendChild(new Ext.tree.TreeNode({id:"c6",text:"Sarah",leaf:true}));
        var tree = new Ext.tree.TreePanel({
            renderTo:"hello",
            root: root,
            width:100
            });
        tree.on("click",function(node,event){
              alert("click on "+node.text);
            });