Menu Tree: How to Auto-Select & Expand Items Using a "source" Parameter?

[GOKULAKANNAN_P]

Hi all,

I’m using a Perspective Menu Tree with nested items (example: Alarms → Alarm Overview / Alarm Rules, Settings → User Management / Asset Management).

My onItemClicked script works, but I also need the menu to update when a view parameter changes, like:

view.params.source = "Alarm Overview"

What I want

• Highlight the correct menu item

• Change icon color

• Auto-expand its parent (Alarms, Settings, etc.)

• Only one item selected at a time

• Works for both root and submenu items

The issue

The source propertyChange script is not consistent:

• submenu does not expand

My question

What is the best way to programmatically select + highlight a Menu Tree item and expand its parent based on a parameter?
If anyone has a clean example script for this, it would help a lot.

Thanks in advance !

[Cose_Peter1]

You can use this to highlight selections on the menu tree.

Menu tree item highlight after selection on click

Fantastic! Here is the script and style reference that works for me. The length of the menu tree can vary dynamically. If you prefer not to manually create a Map transform binding for each item, this solution could be quite helpful. MenuTree>onItemClicked stylesheet.css

If you want the menu tree to update when the view parameter changes, you need to implement the above functionality in a message handler and call the message handler on value change of the view parameter.

The message handler must be placed on the same menu tree component that you want to see the functionality on.