extjs tree checkbox 复选框实现取值显示

花郎

于 2010-12-16 17:39:00 发布

阅读量2.3w

点赞数

CC 4.0 BY-SA版权

分类专栏： Ext js 文章标签： tree extjs function json string 通讯

本文链接：https://blog.csdn.net/lzy_1515/article/details/6080609

本文介绍了EXTJS中Tree组件实现复选框功能的方法，包括设置checked属性控制复选框显示，获取选中节点的值，以及通过事件处理父级节点选中时子节点的状态。详细讲解了`checkchange`事件处理和两种递归遍历子节点的技巧，用于在EXTJS Tree中处理复选框的显示和取值问题。

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

原来做EXTTREE的复选其实很简单！

数据：

[{id:'55',text:'节点11',leaf:false,checked:true}

checked属性就是控制复选框是否出现，true出现复选框 false 不出现。

获取tree的选中值方法：var nodes = tree.getChecked();

当点击父级节点同时选中子节点方法：

需要添加“checkchange”事件。

"checkchange": function(node, state) {
                        if (node.hasChildNodes()) {
                            for (i = 0; i < node.childNodes.length; i++) {
                                node.childNodes[i].getUI().checkbox.checked = state;
                            }
                        }
                    }

第二种方法：递归所有节点

                    "checkchange": function(node, state) {
                        if (node.hasChildNodes()) {
                   &nb