Can get node fullPath with nodeClick?

Thread ID:	Created:	Updated:	Platform:	Replies:
141431	Dec 11,2018 02:38 PM UTC	Dec 18,2018 05:17 AM UTC	Angular - EJ 2	3

Subscribe to this post

Tags: Treeview

Jon Andoni

Asked On December 11, 2018 02:38 PM UTC

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.

Reply | Reply with quote

Christopher Issac Sunder K [Syncfusion]

Replied On December 12, 2018 12:33 PM UTC

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

Reply | Reply with quote

Jon Andoni

Replied On December 17, 2018 12:54 PM UTC

Hello,

It works,

Thanks Christo.

Reply | Reply with quote

Christopher Issac Sunder K [Syncfusion]

Replied On December 18, 2018 05:17 AM UTC

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

Reply | Reply with quote

Can get node fullPath with nodeClick?

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US