How to provide checkbox or enable/disable button in every node

[Ebenezer]

Hi, 

     I'm trying to provide enable/disabled button for each node and also for its child node. If a parent node is disabled then its corresponding child node should also be disabled, but i couldn't able to get this functionality done with tree grid control.

 Regards,

Justin Ebenezer

Attachment: tree_grid_3424d8f5.zip

[Vignesh Natarajan]

Hi Justin Ebenezer, 

 

Thanks for using Syncfusion products. 

 

Query: “How to provide checkbox or enable/disable button in every node” 

 

From your query, we understand that you need to render the checkbox or enable/disable button inside the Treegrid to disable every node in it. From 2019 Volume 1 beta release we have provided support to render the checkbox column.  

 

Kindly refer the below Demo and Ug documentation for your reference 

 

Demo: https://ej2.syncfusion.com/17.1.38/angular/demos/output/#/material/treegrid/checkbox-column  

 

UG: https://ej2.syncfusion.com/angular/documentation/treegrid/selection/#checkbox-selection  

 

For each checkbox selection, checkboxChange event will be triggered. So, in this event you can enable or disable the node. Please refer the below link for API reference 

 

 https://ej2.syncfusion.com/angular/documentation/api/treegrid#checkboxchange  

 

Using the “checkboxChange” event, you can enable/disable checkbox of child node while enabling/disabling parent’s checkbox. 

 

So kindly share more details about your requirement (i.e) disable means do you want prevent the selected row from editing or change the opacity or remove from visibility etc. based on your requirement we will provide the solution. 

  

Regards, 

Vignesh Natarajan.