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);
});
分享到:
相关推荐
可实现选中父节点,自动选中子节点,选中子节点,自动遍历选中父节点
关于TreePanel的一些文档,有点杂,不过内容比较多
TreePanel的checkbox节点操作及父子节点联动的演示DEMO
ext.net
完美的Extjs4 treePanel节点刷新,函数为自动刷新选中的节点.API看得头疼才别出来的代码.截止我发之前,好像没有谁共享这个功能的函数吧.
treepanel 和 tabpanel 合在一起使用,可直接使用
博文链接:https://jfp.iteye.com/blog/178889
NULL 博文链接:https://maoyi606.iteye.com/blog/1782825
基于extjs 3.2,右侧折叠面板,然后面板里面包含了树,点击树节点以后,会把树的href里面的地址加载到右边的tabpanel。代码清晰简单。
目的:Ext框架的开发中,最常用的有GridPanel控件,以及TreePanel控件。在使用表格的分页功能时,我们把该控件的start与limits参数与Hibernate的分页功能影射,从页实现了动态的分页效果;而TreePanel的更新也是一个...
通过数据库进行后台对treepanel的增删改查。供初学者参考学习。
TreePanel的checkbox节点操作及父子节点联动的演示DEMO,前面那个有Bug,选中子节点时,没能选择父节点。 这个版本修正了
代码如下: //树 var treePanel = new Ext.tree.TreePanel({ id:’ptree’, region:’west’, layout:’anchor’, border:false, rootVisible: false, root:{}, listeners:{ render: function() { authorityTree...
学习TreePanel时根据网上的资料自己实现的实例,结构如下: 1. 创建一棵树 2. 使用TreeLoader加载数据生成树 3. 读取本地Json数据生成树 4. 使用Servlet提供数据 5. 树的事件 6. 右键菜单 7. 修改节点的默认图标 8. ...
当你在asp.net下面 使用Ext TreePanel直接加载服务器上XML文件会出现树不能显示,树据不能正确加载的问题。
里面已经包含了教程、示例代码、要用到的js脚本库和jar包,你随便改改就可以用在自己的项目里
关于Ext Tree Panel,相关的知识文档
NULL 博文链接:https://yjzagan2003.iteye.com/blog/1110742