[Ext重写]限制树的深度

以前做政府项目的时候经常涉及行政区划的树，这个树有的时候要显示到旗县级，有的时候要显示到盟市级，当时靠后台来实现，代码写的非常繁琐（要配url、写controller），灰常简单的事情弄得嗷嗷复杂，终于，当我读明白源码之后一切问题迎刃而解
首先要把下面这段JS加入页面

Ext.tree.TreeNode.override({  
  appendChild:Ext.tree.TreeNode.prototype.appendChild.createInterceptor(function(n){
                    var maxDepth = this.getOwnerTree().maxDepth;
                    if (maxDepth && this.getDepth() == maxDepth - 1) {
                        n.leaf = true;
                    }
                })
            })

然后配置树的maxDepth属性，例如：

var mytree = new Ext.tree.TreePanel({
                    region: 'west',
                    width: 200,
                    maxDepth: 1,//就是这里
                    title: '角色列表',
                    autoScroll: true,
                    loader: new Ext.tree.TreeLoader({
                        url: 'menu.json'
                    }),
					rootVisible:false,
                    root: new Ext.tree.AsyncTreeNode({
                        text: 'root'
                    })
                });

嘿嘿，这样就搞定了，以后这棵树除了根最多只会有1层子节点了

评论

1 楼 binsnow 2010-05-20  

非常感谢 正好需要