两种 ext.net treepanel 的子父节点联动的写法

最新推荐文章于 2019-07-11 10:19:20 发布

原创最新推荐文章于 2019-07-11 10:19:20 发布 · 771 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#.NET #ext.net #tree #treepaenl #check

ext.net 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了两种改进的节点检查函数实现方式，包括父节点和子节点的递归检查过程，详细阐述了如何通过事件监听器和触发更新来管理节点状态。

第一种写法:

    
<Listeners>
  <CheckChange Fn="checkchange" />
</Listeners>

 var checkchange = function (node, checked) {
            checkParentNode(node.parentNode, checked);
            checkChildNode(node, checked);
        };
        var checkChildNode = function (node, checked) {
            if (node == undefined) {
                return;
            }
            node.data.checked = checked;
            node.triggerUIUpdate(checked);
            node.eachChild(function (child) {
                checkChildNode(child, checked);
            });
        };

        var checkParentNode = function (node, checked) {
            if (node == undefined) {
                return;
            }
            allUnchecked = 1;
            node.eachChild(function (child) {
                if (child.data.checked) {
                    allUnchecked = 0;
                }
            });
            if (allUnchecked == 1 || checked == true) {
                node.data.checked = checked;
                node.triggerUIUpdate(checked);
                checkParentNode(node.parentNode, checked);
            }
        };

第二种写法：

 
<Listeners>
  <CheckChange Fn="checkchange" />
</Listeners>

  var checkchange = function (node, checked) {
            if (checked) {
                checkParentNode(node.parentNode, checked);
            }
            checkChildNode(node, checked);
        };

        var checkChildNode = function (node, checked) {
            if (node == undefined) {
                return;
            }
            node.data.checked = checked;
            node.triggerUIUpdate(checked);
            node.eachChild(function (child) {
                checkChildNode(child, checked);
            });
        };

        var checkParentNode = function (node, checked) {
            if (node == undefined) {
                return;
            }
            node.data.checked = checked;
            node.triggerUIUpdate(checked);
            checkParentNode(node.parentNode);
        };