Vue2 - Org Chart Highlight Node on Search

GoJS
1

Versions: Go.js 2.1.33 & Vue 2 & Nuxt 2
Steps:

  1. Node is fetched after search.
  2. Inside the transaction the collection is highlighted for the search results.
    Issue: The search result is available but the highlight is not working. The CSS is not applied for the same.

Code:

highlights-vue-orgchart-02
highlights-vue-orgchart-021000×583 57.3 KB

highlights-vue-orgchart-01
highlights-vue-orgchart-011055×856 75 KB

Please do help me in understanding what’s the issue here. Thanks in advance.

2

GoJS does not provide a predefined appearance for highlighted Parts, whereas it does for selected Parts. Your node template(s) should be adapted to support it, typically via data bindings depending on Part.isHighlighted. Please read Highlighting | GoJS

3

Thank You for your response.

It does support the highlight. Will go through the documentation again.

4

The issue was with max nodes that can be selected / highlighted. I had set it to 0, which resulted in not highlighting the node.