1、panel代码:
Ext.create('Ext.tree.Panel', { id : 'addRolePanelId2', title: '权限', region : 'center', layout : 'fit', height:400, buttonAlign : 'center', root:{ id:'root', text:'权限列表', expanded:true, checked : false, leaf:false }, store: addRolePermissionStore, autoScroll:true,//自动出现滚动条 containerScroll: true,//是否支持滚动条 rootVisible: true, listeners: { //添加监听 设置树的节点选择的级联关系 checkchange: function(node, checked) { listenerCheck(node, checked); } }}); //2 添加监听 设置树的节点选择的级联关系 var listenerCheck = function(node, checked) { childHasChecked(node,checked); var parentNode = node.parentNode; if(parentNode != null) { parentCheck(parentNode,checked); } }; //级联选中父节点 var parentCheck = function(node ,checked){ var childNodes = node.childNodes; for (var i = 0; i < childNodes.length; i++) { if (childNodes[i].get('checked')) { node.set('checked',checked); continue; }else{ node.set('checked',false); break; } }; var parentNode = node.parentNode; if (parentNode != null ) { parentCheck(parentNode,checked); } } //级联选择子节点 var childHasChecked = function (node, checked) { node.cascadeBy(function (child) { child.set("checked",checked) }); }
相关推荐
下面介绍Extjs 中的 Treepanel 实现菜单级联选中效果。 在 treepanel 里添加以下代码即可实现级联选中效果 主要实现了以下效果: 1.点击父级批量设置所有子节点选中状态 2.点击当前节点寻找所有父级并设置选中状态 3....
可实现选中父节点,自动选中子节点,选中子节点,自动遍历选中父节点
完美的Extjs4 treePanel节点刷新,函数为自动刷新选中的节点.API看得头疼才别出来的代码.截止我发之前,好像没有谁共享这个功能的函数吧.
TreePanel的checkbox节点操作及父子节点联动的演示DEMO
TreePanel的checkbox节点操作及父子节点联动的演示DEMO,前面那个有Bug,选中子节点时,没能选择父节点。 这个版本修正了
ext.net
代码如下: //树 var treePanel = new Ext.tree.TreePanel({ id:’ptree’, region:’west’, layout:’anchor’, border:false, rootVisible: false, root:{}, listeners:{ render: function() { authorityTree...
博文链接:https://jfp.iteye.com/blog/178889
通过java 访问数据库而生成节点 子节点的 ID 与 父节点的关系为“父节点id_子节点id”此id为数据库中的id 同理“父节点id_子节点id_子子节点id”,因此加载树时将node.id做为参数 通过split("_"),根据数据的长度就...
代码如下: var Fpanel = new Ext.tree.TreePanel({ id:’ptree’, region:’west’, layout:’anchor’, border:false, rootVisible: false, root:new Ext.tree.AsyncTreeNode({}), listeners:{ “checkchange”: ...
关于TreePanel的一些文档,有点杂,不过内容比较多
Extjs4下拉树菜单 ComboBoxTree 支持单选和多选并且支持展开选中指定节点的通用控件 在项目中已经成熟运用 值得收藏和运用
获取Extjs中的TreePanel中所有的被checked的叶子节点的id
treepanel 和 tabpanel 合在一起使用,可直接使用
extjs实现简单的树状结构级联Ext onReady function { Ext QuickTips init ; Ext BLANK IMAGE URL "extjs resources images default s gif"; var mytree new Ext tree TreePanel { el : "...