TreeView - How to get parents of selected nodes

Akshay Khurana

created 4 years ago

Hi DevExpress,

I am just using the DropDown Treeview control and my company is very impressed on how rich the functionality is - brilliant work. I just have a query. I am just trying to get the name of the parent node selected. I am using the getSelectedNodes function but cannot get the selected parent name(Category Name) e.g. "Promise To Pay". Any clues ?

View
@(Html.DevExtreme().TreeView()
.DataSource(new JS(@"component.getDataSource()"))
.ID("statusTreeView")
.KeyExpr("ID")
.DisplayExpr("Text")
.ItemsExpr("Items")
.ExpandedExpr("Expanded")
.ParentIdExpr("CategoryId")
.DataStructure(TreeViewDataStructure.Plain)
.SelectionMode(NavSelectionMode.Single)
.SelectByClick(true)
.Height(235)
.OnItemSelectionChanged(@<text>

JavaScript to display the selected values

var selected = treeView.getSelectedNodes()
.map(function (node) { return node.itemData; });

if (selected.length) {

if (selected[0].CategoryId) {

console.log(selected);

Kind Regards
Akshay

TreeViewRoot.GIF TreeviewRoot2.GIF

Answers

DevExpress Support Team

created 4 years ago

Hello,

TreeView Nodes contain the parent option, which contains the parent of the Node. For example:

JavaScript
var selected = treeView.getSelectedNodes()
  .map(function (node) { 
      return node.parent; 
  });

Could you please clarify if this is what you are looking for? This will help us give you a more precise response.

Comments (2)

Akshay Khurana 4 years ago

Perfect, I used this. Many thanks

var selectedParent = treeView.getSelectedNodes()
.map(function (node) { return node.parent; });

var parentValue = selectedParent[0].text;

DevExpress Support Team 4 years ago

Hello,

You are welcome. I am happy that you also found a solution. If you have questions or need further assistance, please feel free to contact us.

Regards,
Angelo

TreeView - How to get parents of selected nodes

Answers

Recently viewed tickets