Setting selected item programmatically in Perspective tree

Ignition
,
1

I’m trying to set the selected item programmatically in a Tree component but am having trouble finding any documentation on how to do this. It didn’t seem to work when I tried setting selection/selectionData. Specifically, I’m doing this within an onStartup event script so that on page load (or component load), one of the rows is selected automatically.

1 Like
2

You should be able to set the selection prop with a list containing the path for your item. The path consists of index numbers and / for every level of selection. So for example 0/0/0 = Item 1/Child 1/Grandchild1 and 0/0/1 = Item 1/Child 1/Grandchild2

This code worked for me on a button. If you want to use an onStartup event make sure your component path is correct.

selectionList = ['0/0/0', '0/0/1']
self.getSibling("Tree").props.selection = selectionList

Edit: For clarification, the selectionData handles itself automatically.

3 Likes
3

Well huh, I thought that’s what I was doing before but I must have been doing something wrong. That worked, thank you!

1 Like
4

The only problem you could experience is that the selection won’t show up if the path is collapsed. You’ll just have to make sure the expanded prop inside of items is set to true for the correct paths. Simple enough.

self.getSibling("Tree").props.items[index]["expanded"] = 1
#for any children there is another items list
self.getSibling("Tree").props.items[index]["Items"][index]["expanded"] = 1
2 Likes
5

This worked for me as well.
But after selection property is correctly updated, the appearance.selectedStyle property does not get applied.

I want the selected node's background color to be blue and text color to be white. Without the programmatical change to the selection property this styling works correctly but not with selection property set through script.

Is there any suggestion on this?

Thanks,
Ajay