Hi Test,
Based on the shared details we can understand that you are
trying to utilize Syncfusion TreeView component and facing an issue while
performing search operation. We have achieved your requirement by making the
below changes,
[Query: All the nodes are getting selected]
We have resolved your query by using the Syncfusion
TreeView component’s autoCheck
property. We kindly suggest you to set false for the autoCheck property, so
that node you check will be checked and other nodes are prevented from getting
checked. Refer the code changes below,
|
[default.html]
<ejs-treeview #treeviewObj id="default"
[showCheckBox]='true' [fields]='field'
(dataBound)="dataBounded($event)" [autoCheck]='false'
(nodeChecked)="nodeCheck($event)">
</ejs-treeview>
|
[Query: Getting the child nodes]
We can understand that you are trying to get the child
nodes when their parent node is getting checked. We achieved it by using the
TreeView component’s nodeChecked
event, Kindly refer the code changes below,
|
[default.ts]
nodeCheck(args){
….
let checkedNodeData =
this.listTreeObj.getTreeData(args.data[0].id);
if (checkedNodeData[0].hasChild) {
// get child nodes array here
let childNodes =
this.getChildNodes(checkedNodeData[0].id);
}
}
getChildNodes(parentId) {
return this.localData.filter(node => (node as
any).pid === parentId);
}
|
We have attached the sample for your reference,
Sample: https://stackblitz.com/edit/angular-tg9bew-rp3kwb?file=default.html,default.component.ts
Kindly check out the shared details and get back to us if
you need further assistance.
Regards,
Jafar
