Can get node fullPath with nodeClick?

[Jon Andoni]

Hello,

I´m trying to get the fullnode path of a node; for example:

1.First_Level

     1.1. Second_Level_1

     1.2. Second_Level_2

          1.2.1 Third_Level_1

     1.3. Second_Level_3

Imagine that I click on 1.2.1, what I want to get is the path: First_Level/Second_Level_2/Third_level_1

Can I do this?

Thank your very much.

[Christopher Issac Sunder K]

Hi Jon Andoni, 

Thank you for contacting Syncfusion support. 

In our TreeView component, we have provided the option to get the node data for specified tree node element. You can use this method to get the full path for corresponding node click action. Please check the below code logic. 

public parentNodes: any = []; 

//Node Selected Event for TreeView component 

public onNodeSelected(args: NodeSelectEventArgs): void { 

    this.parentNodes.push(args.node) 

    this.findParentNodes(args.node); 

    let fullpath = ""; 

    for(let i = this.parentNodes.length - 1; i >= 0; --i) { 

        //using getNode method to get the node text 

        var data = this.tree.getNode(this.parentNodes[i]); 

        fullpath = fullpath + data.text; 

        if (i != 0) { 

            fullpath = fullpath + '\\'; 

        } 

    } 

    alert(fullpath); 

    this.parentNodes = []; 

  } 

  //collect the parent nodes for currently selected node 

  public findParentNodes(node: HTMLElement) { 

    let parent: HTMLElement = node.parentElement.parentElement; 

    if (parent.classList.contains("e-list-item")) { 

        this.parentNodes.push(parent); 

        this.findParentNodes(parent); 

    } 

} 

Sample: https://stackblitz.com/edit/angular-jtncp8?file=default.component.ts 

Please let us know if you require any further assistance. 

Thanks, 

Christo

[Jon Andoni]

Hello,

It works,

Thanks Christo.

[Christopher Issac Sunder K]

Hi Jon Andoni, 

We are glad to hear that the issue has been resolved at your end. Please let us know if you require further assistance. 

Thanks,
Christo