We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Checkbox on treeview

Thread ID:

Created:

Updated:

Platform:

Replies:

143301 Mar 13,2019 09:26 AM UTC Mar 19,2019 10:12 AM UTC ASP.NET Core - EJ 2 2
loading
Tags: TreeView
Elena Popova
Asked On March 13, 2019 09:26 AM UTC

Hi,
I have a treeView and I use the checkbox functionality. I have isChecked="IsChecked" in the treeView and the checkboxes show but I want them to be disabled, meaning you cannot check and uncheck them but still show based on the property. Can you, please tell me how to achieve that.
Thank you!
Elena

Christopher Issac Sunder K [Syncfusion]
Replied On March 14, 2019 12:05 PM UTC

Hi Elena, 

Thank you for contacting Syncfusion support. 

You can disable the checkbox element alone instead of disabling the whole node. You need to include the class e-checkbox-disabled into the checkbox element using the drawNode event, 

function drawNode(args) { 
    let ele: HTMLElement = args.node.querySelector('.e-checkbox-wrapper'); 
    ele.classList.add('e-checkbox-disabled'); 
} 

 
Note: In the above sample, we have disabled all the checkboxes. If you want to disable a checkbox in a particular node, you can get the node id (args.node.id) from the drawNode event and set your condition to skip the other nodes. 

Please let us know if you need further assistance on this. 

Thanks, 
Christo 


Elena Popova
Replied On March 19, 2019 10:12 AM UTC

Thank you for the support!
Best regards,
Elena

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon