Checkbox single select

[Cedric E]

Hi,

Is there a way to prevent multi-selection of checkbox in a treeview?

Thanks.

[Cedric E]

Hi,

Solved this by unchecking all nodes then passing the checked node to the component.

Ex. this.treeviewComponent.checkedNodes = [args.data[0].id];

However, is there a way to prevent the parent node from being selected? 

Thanks.

[Sowmiya Padmanaban]

Hi Cedric , 

 

Greetings from Syncfusion support. 

 

We have checked your requirement with TreeView component. By disabling the autoCheck property, we can prevent auto checking of specified node’s parent checkbox or child nodes when checking on it. 

 

Refer the below code snippet. 

 

   

 <TreeViewComponent fields={this.fields} autoCheck ={false} showCheckBox={true}/> 

 

 

Refer the below sample link. 

 

https://stackblitz.com/edit/react-upzxsy?file=index.js 

 

Refer the below link to know more about the TreeView component. 

 

UG Documentation- https://ej2.syncfusion.com/react/documentation/treeview/getting-started/ 

 

Demo link- https://ej2.syncfusion.com/react/demos/#/material/treeview/default/ 

 

API reference- https://ej2.syncfusion.com/react/documentation/api/treeview/ 

 

Please let us know, if you need any further assistance. 

 

Regards,  

Sowmiya.P