用ExtJS异步树生成带勾选框的机构权限树，由于单位数量较多（大概一万多条），需要实现以下效果：

Question

父节点全部勾选则子节点全部勾选且父节点不展开（已实现），可以手动展开此节点取消部分子节点的勾选。现在遇到的问题是修改此机构权限树，加载树的时候如何实现：如果某节点的所有子节点（包括子节点的子节点...）全部勾选则此节点不展开，如果存在未被选中的子节点，则此节点展开。对于异步树可能实现吗？求大神赐教，分不多了

Answer 1

不知道你是喜欢现成代码还是喜欢提供思路，我先假设你是第二种~

首先了解treepanel节点的几个方法（详细可查api ext.data.nodeinterface）

collapse() -> Collapse this node折叠这个节点

expand() -> Expand this node展开这个节点

来看你的需求

//创建一个树表
var tree = Ext.create('Ext.tree.Panel');
//获取根节点
var root = tree.getRootNode();
if(root.hasChildNodes()){
    //获取根目录下的某一个子节点，这里举例，为第一个
    var node = root.childNodes[0];
    if(node.hasChildNodes()){
        //如果某节点的所有子节点全部勾选则此节点不展开
        var allSelected = true;
        for (var j = 0; j < node.childNodes.length; j++) {
            if(node.childNodes[j].get('checked') != true){
                allSelected = false;
            }
        }
        if(allSelected){
            node.collapse();
        }else{
            node.expand();
        }
    }
}

剩下的只要遍历每一个子节点就可以了，如果子节点下面还有子节点，就把上面的代码做成一个function，递归地调用

还有，这种方法是需要你给出所有节点的，估计异步加载的话，很难判断，当然，最方便的方法是从数据库传来一个参数，来表明他是否被全部选中，然后，直接调用上层节点的折叠，展开方法就行了，这种还简单点

有问题的话，欢迎追问

Answer 2

在你的Ext.tree.Panel 写个监听。

listeners : {
    selectionchange : function(model, records) {
        if (records != 'undefined' && records.length > 0) {
            console.log(records[0]);
        }
    }
}