Treeview getCheckedNodes() doesn't always return parent nodes...

[Marc Call]

When calling getCheckedNodes() with a fully selected treeview, all nodes are returned.

However if one of the children nodes is NOT selected (as seen below)

The top most node and its immediate child are NOT returned.

I assume this works as intended, but I need to get those top nodes returned.

How can I get all nodes returned that have a check mark or a square in them??

[Ashokkumar Balasubramanian]

Hi Marc, 

  

We are unable to check the provided screenshot, since it is unclear. However, we can understand your requirement to retrieve the nodes which have checked and Indeterminate state. You can get only the checked nodes using the method "getCheckedNodes". To get both checked and Indeterminate node, please use the below code in your application instead of getCheckedNodes method. 

[Script] 

// TreeView control object creation  

var treeViewObj = $("#treeView").ejTreeView("instance"); 

// To get both checked and Indeterminate node 

 

var nodes = treeViewObj._liList.find('> div > .e-chkbox-wrap[aria-checked="mixed"],> div > .e-chkbox-wrap[aria-checked="true"]').closest('.e-item'); 

For your reference, we have prepared sample with your requirement, it can be downloaded from below location. 

Sample 

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

Regards, 

Ashokkumar B. 

[Antonio]

How can i do the same thing in Angular 9 using Essential Javascript 2 and with latest version?

[Muthukrishnan Kandasamy]

Hi Antonio, 

 

Thanks for contacting Syncfusion support. 

 

We can get the all checked nodes including the intermediate state in TreeView component. We have prepared TreeView sample in Angular 9 to meet your requirement, in this sample we get the all the checked and mixed state check box in the TreeView component. we can get the tree node data by using getNode method. Please refer to the below code block. 

 

btnClick() { 

      let allNode = document.querySelectorAll(".e-control.e-treeview .e-checkbox-wrapper[aria-checked='mixed'], .e-checkbox-wrapper[aria-checked='true']"); 

      let checked = []; 

      for (let i=0;i<allNode.length; i++){ 

        // get element 

        let node = allNode[i].closest(".e-list-item"); 

        // get node data 

        let nodeId = this.tree.getNode(node).id; 

        checked.push(nodeId); 

      } 

      console.log(checked); 

    } 

 

 

Please refer to the below link for the sample. 

 

https://stackblitz.com/edit/angular-tree-getallcheckednodes 

 

Description	Link
Getting started	https://ej2.syncfusion.com/angular/documentation/treeview/getting-started/
Tree node operation	https://ej2.syncfusion.com/angular/documentation/treeview/how-to/process-the-tree-node-operations-using-context-menu/
API documentation	https://ej2.syncfusion.com/angular/documentation/api/treeview/

 

 

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

 

Regards, 

Muthukrishnan K