EXT tree checked

原创于 2011-04-22 20:34:00 发布 · 361 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#tree #ext #function

本文探讨了在特定场景下，如何使用监听器实现节点选择状态的变化，包括节点的展开与选择状态对父节点的影响，以及如何通过遍历子节点调整整体选择状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

listeners: {
'checkchange': function(node, checked){
node.expand();
var parentNode = node.parentNode;
if(checked){
node.getUI().addClass('complete');
if(parentNode){
//如果是选中,把父节点保持选中状态
parentNode.getUI().toggleCheck(true);
}
}else{
node.getUI().removeClass('complete');
if(parentNode){
var chk = false;
parentNode.eachChild(function(child) {
if(child && child.getUI().isChecked())
chk = true;
});
parentNode.getUI().toggleCheck(chk);
}
}
node.eachChild(function(child) {
child.getUI().toggleCheck(checked);
});
}
},

 listeners: {
            'checkchange': function(node, checked){
            	node.expand();
            	var parentNode = node.parentNode;
                if(checked){
                    node.getUI().addClass('complete');
                    if(parentNode){
                        //如果是选中,把父节点保持选中状态
                        parentNode.getUI().toggleCheck(true);
                    }
                }else{
                    node.getUI().removeClass('complete');
                    if(parentNode){
                         var chk = false;
                         parentNode.eachChild(function(child) {
                             if(child && child.getUI().isChecked())
                              	chk = true;
                         });
                         parentNode.getUI().toggleCheck(chk);
                     }

                }
                node.eachChild(function(child) {
                    child.getUI().toggleCheck(checked);
                });
            }
        },