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

Question

I am trying to select all the check-boxes of the children in a Telerik RAD Tree view when the user checks a parent node and disable the check-boxes of all child nodes. I have a recursive function that is successfully checking the boxes, but i'm not having much luck in disabling all child check-boxes. Here is my code:

  <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>

Here's what the Telerik RAD Tree looks like:

<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

        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);
                }
            }
        }

Call this function on 'OnClientNodeChecked' event of RadTreeView like OnClientNodeChecked="CheckedIt".

Answer 2

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