This is a migrated thread and some comments may be shown as answers.

Changing checkbox state when user clicks on the node label

2 Answers 51 Views
Treeview
This is a migrated thread and some comments may be shown as answers.
Lou
Top achievements
Rank 1
Lou asked on 19 Jan 2017, 10:39 PM

How do I change a node's checkbox state when the user clicks on the node's label text as opposed to clicking on the checkbox itself? 

This needs to work when the treeview is in Tri-state mode (needs to handle intedeterminate state as well as on/off). 

Thanks

 

2 Answers, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 20 Jan 2017, 11:21 AM
Hi Lou,

Thank you for writing.

The following example shows how you can achieve this:
public RadForm1()
{
    InitializeComponent();
    radTreeView1.Click += RadTreeView1_Click;
    radTreeView1.NodeFormatting += RadTreeView1_NodeFormatting;
}
 
private void RadTreeView1_NodeFormatting(object sender, Telerik.WinControls.UI.TreeNodeFormattingEventArgs e)
{
    e.NodeElement.ContentElement.ShouldHandleMouseInput = true;
 
}
 
private void RadTreeView1_Click(object sender, EventArgs e)
{
    var element = radTreeView1.ElementTree.GetElementAtPoint(((MouseEventArgs)e).Location);
    if (element is TreeNodeContentElement)
    {
        var node = element.Parent as TreeNodeElement;
        node.Data.Checked = !node.Data.Checked;
    }
}

I hope this information is useful. Let me know if you need further assistance.

Regards,
Dimitar
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Lou
Top achievements
Rank 1
answered on 20 Jan 2017, 02:21 PM

Thanks Dimitar, that worked.

-Lou

Tags
Treeview
Asked by
Lou
Top achievements
Rank 1
Answers by
Dimitar
Telerik team
Lou
Top achievements
Rank 1
Share this question
or