Question

当用户检查父节点并禁用所有子节点的复选框时，我试图在Telerik RAD树视图中选择子节点的所有复选框。我有一个成功检查框的递归函数，但我没有太多运气禁用所有子复选框。这是我的代码：

  <script type="text/javascript" language="JavaScript">
    function UpdateChildrenRecursively(nodes, checked)
    {
       var i;
       for (i=0; i<nodes.get_count(); i++)
       {
           if (checked)
           {
               nodes.getNode(i).check();     
           }
           else
           {
               nodes.getNode(i).set_checked(false);
           }

           // if the node has children, call the recursive function
           // then disable the checkboxes for each child
           if (nodes.getNode(i).get_nodes().get_count()> 0)
           {
               UpdateChildrenRecursively(nodes.getNode(i).get_nodes(), checked);
               nodes.getNode(i).get_nodes().disabled = true; 
           }
       }
    }
    function clientNodeChecked(sender, eventArgs)
    {
       var childNodes = eventArgs.get_node().get_nodes();
       var isChecked = eventArgs.get_node().get_checked();
       UpdateChildrenRecursively(childNodes, isChecked);
    }
</script>

以下是Telerik RAD树的样子：

<telerik:RadTreeView ID="RadTreeView2" OnClientNodeChecked="clientNodeChecked" CheckBoxes="true"
                    runat="server" DataSourceID="XmlDataSource1">
                    <DataBindings>
                        <telerik:RadTreeNodeBinding DataMember="Node" TextField="Text" ExpandedField="Expanded" />
                    </DataBindings>
                </telerik:RadTreeView>
                <asp:XmlDataSource runat="server" ID="XmlDataSource1" DataFile="Tree.xml" XPath="/Tree/Node" />

Answer 1

您应该使用nodes.getNode(i).set_enabled(false)来禁用节点。

Answer 2

        function CheckedIt(sender, eventArgs) {
            var childNodes = eventArgs.get_node().get_nodes();
            var isChecked = eventArgs.get_node().get_checked();


            var node = eventArgs.get_node();
            if (!node.get_checked()) {
                while (node.get_parent().set_checked != null) {
                    node.get_parent().set_checked(false);
                    node = node.get_parent();
                }
            }
            UpdateAllChildren(childNodes, isChecked);
        }

       function UpdateAllChildren(nodes, checked) {
            var i;
            for (i = 0; i < nodes.get_count(); i++) {
                if (checked) {
                    nodes.getNode(i).check();
                }
                else {
                    nodes.getNode(i).set_checked(false);
                }

                if (nodes.getNode(i).get_nodes().get_count() > 0) {
                    UpdateAllChildren(nodes.getNode(i).get_nodes(), checked);
                }
            }
        }

在RadTreeView的'OnClientNodeChecked'事件中调用此函数，如OnClientNodeChecked =“CheckedIt”。

在RAD树视图中递归禁用复选框

2 个答案: