Question

extjs4 treepanel 动态的加载节点，怎么在选中时，级联选中子节点呢？

如上图是一个带checkbox的tree，那么此时"联通测试"下面的子节点们还没有加载，如何实现点击checkbox既加载子节点又级联选中子节点呢？
代码参考：
onCheckboxChange : function(e, t) {
var item = e.getTarget(this.getItemSelector(),this.getTargetEl()), record;
if(item){
record = this.getRecord(item);
var check = !record.get('checked');
record.set( 'checked', check);
if(check) {
record.cascadeBy(function(node) {
node.expand()//此时动态展开，store里面已经有子节点，但是在此处node仍然是参数
//没有子节点的参数，此处应做如何处理，才会刷新node的值
node.set('checked',true);
});
}else{
record.cascadeBy(function( node) {
node.set('checked',false);
});
}
}
}
//*****************************************
当前效果

目的 :让子节点也级联选中。
再顶下，大家过来帮吧





Answer 1

Ext.create('Ext.tree.Panel', {
  //添加监听事件
  listeners: {
    checkchange: function(node, state) { 
    //如果被勾选的节点有子节点，则将其子节点全部改为根节点状态
      if (node.hasChildNodes()) {
        for (var j = 0; j < node.childNodes.length; j++) {
            node.childNodes[j].set('checked', state);
        }
      }
    }
});

追问

哥们儿，问题现在节点是动态加载的 ，你点击的时候它还没有children呢，你懂不？展开之后再点击才有children也就是，你必须要先点击+号展开(动态加载子节点后)然后再选择，现在问题是想点击checkbox就直接展开带加载子节点并且选中！

追答

动态加载节点，是在click事件里边进行了一次ajax请求是吧

现在，你在checkchange里边也加一个ajax请求啊

请求成功之后，你把回来的节点的checked全部改成选中或未选中就可以了

Answer 2

onCheckboxChange : function(e, t) {
var item = e.getTarget(this.getItemSelector(), this.getTargetEl()), record;
if (item){
record = this.getRecord(item);
var check = !record.get('checked');
record.set('checked', check);
if (check) {
record.bubble(function(parentNode) {
if(!parentNode.isRoot()){
parentNode.set('checked', true);
}
//parentNode.expand(false, true);
});
record.cascadeBy(function(node) {
if(!node.isRoot()){
node.set('checked', true);
}
//node.expand(false, true);
});
} else {
record.cascadeBy(function(node) {
node.set('checked', false);
});
}
}
}