ExtJs选择框级联

ExtJS TreeGrid
添加监听事件

<Listeners>
    <Listener name="checkchange" function="checkLink"/>
</Listeners>

两种方法处理级联
第一种

function checkLink (node, checked) {
    cascade_childnode(node, checked);
}
// 树形选择：级联选中下级
function cascade_childnode(node, checked) {
    var cn = node.childNodes;
    //点击选中则所有子节点都选中
    if(!node.isRoot() && checked) {
        for (var i=0;i<cn.length;i++){
            if(!cn[i].isRoot()){
                if(!cn[i].checked){
                    cn[i].set('checked', checked);
                    if(cn[i].childNodes.length != '0'){
                        cascade_childnode(cn[i], checked);
                    }
                }
            }
        }
    //点击取消选中则所有子节点都取消选中
    }else if(!node.isRoot() && !checked){
        for (var i=0;i<cn.length;i++){
            if(!cn[i].isRoot()){
                if(!cn[i].checked){
                    cn[i].set('checked', checked);
                    if(cn[i].childNodes.length != '0'){
                        cascade_childnode(cn[i], checked);
                    }
                }
            }
        }
    }
    return false;
}

第二种，参考https://blog.csdn.net/a693593336/article/details/84284360

function checkLink (node, checked) {
    cascade_childnode(node, checked);
}
function cascade_childnode(node, checked) {
    //父节点的选中与取消
    if (checked == true) {
        node.checked = checked;
        pNode = node.parentNode;

        //通过循环将所有父节点选中
        for (; pNode != null; pNode = pNode.parentNode) {
            pNode.set("checked", true);
        }
    }else{//提示：当所有子节点取消父节点才能取消
        node.checked = checked;
        pNode = node.parentNode;
        var flag=false;
        for (; pNode != null; pNode = pNode.parentNode) {
            var children=pNode.childNodes;
            Ext.Array.each(children, function(node,index,fog) {
                if(node.get('checked')){
                    //同级节点还有选中的
                    flag=true;
                }
            });
            //如果同级节点还有选中的，那么跳出循环
            if(flag){
                break;
            }else{
                pNode.set("checked", false);
            }
        }
    }
    //当该节点有子节点时，将所有子节点选中取消
    if (!node.get("leaf") && !checked){
        node.cascade(function(node){
            node.set('checked', false);
        });
    }else if(!node.get("leaf") && checked){
        node.cascade(function(node){
            node.set('checked', true);
        });
    }
}