Help in checkbox in treeview

[Stephen]

I have a rad treeview and a checkbox in my web page. I want to allow the node to expand only if the checkbox is checked

[Princy]

Hi Stephen,

Try the following Javascript to achieve your scenario.

JS:

<script type="text/javascript">
 function OnClientNodeExpanding(sender, args)
 {
  var check = document.getElementById("CheckBox1");
  if (!check.checked)
  {
   args.set_cancel(true);
  }
 }
</script>

Hope this helps.

Thanks,
Princy.

[Ivana]

Hi Stephen,

You can take advantage of the client API of the control in order to achieve the described behavior.
Here is an example which shows one possible approach:

function clientNodeChecking(sender, args) {
    var node = args.get_node();
    if (node.get_checked() === true)
        node.expand();
    else
        node.collapse();
}

<telerik:RadTreeView ID="RadTreeView1" runat="server" CheckBoxes="True" Height="280px"
    TriStateCheckBoxes="true" CheckChildNodes="true" OnClientNodeChecked="clientNodeChecking">
    <Nodes>
        <telerik:RadTreeNode Text="Software" >
            <Nodes>
                <telerik:RadTreeNode Text="Business &amp; Office" />
                <telerik:RadTreeNode Text="Database" />
            </Nodes>
        </telerik:RadTreeNode>
        <telerik:RadTreeNode Text="Books">
            <Nodes>
                <telerik:RadTreeNode Text="Arts" />
                <telerik:RadTreeNode Text="Biographies" />
            </Nodes>
        </telerik:RadTreeNode>
        <telerik:RadTreeNode Text="Music">
            <Nodes>
                <telerik:RadTreeNode Text="Alternative" />
                <telerik:RadTreeNode Text="Blues" />
            </Nodes>
        </telerik:RadTreeNode>
        <telerik:RadTreeNode Text="Movies">
            <Nodes>
                <telerik:RadTreeNode Text="Action" />
                <telerik:RadTreeNode Text="Animation" />
            </Nodes>
        </telerik:RadTreeNode>
    </Nodes>
</telerik:RadTreeView>

I hope this will help.

Greetings,
Ivana
the Telerik team