yfiles.client.tiles.GroupNavigationMode
Class GroupNavigationMode

This class implements an input mode for navigating in a nested graph.

An instance of this input mode provides opening and closing of group nodes and switching the display of the underlying canvas to the inner graph of a group node or back to an outer graph. On a touch device, only the opening and closing of group nodes is supported.

All Parent Classes:

InputMode

GroupNavigationMode

GroupNavigationMode(/*GraphCanvas*/ canvas, /*HierarchyManager*/ hierarchyManager)

This class implements an input mode for navigating in a nested graph.

An instance of this input mode provides opening and closing of group nodes and switching the display of the underlying canvas to the inner graph of a group node or back to an outer graph. On a touch device, only the opening and closing of group nodes is supported.

Parameters:

canvas - the canvas instance this mode works on

hierarchyManager - hierarchy manager for the graph of the canvas

activate

activate()

activates this input mode.

The following gestures trigger actions.

• Clicking on the state label (usually a plus or minus sign) of a group node, switches the group from open to closed and vice versa.
• Clicking on a group node with the CTRL and SHIFT keys pressed, switches the canvas to its inner graph (CMD+SHIFT+click also works, use this on the Mac where CTRL+Click opens the context menu).
• Clicking on an empty space with the CTRL and SHIFT keys pressed, switches the canvas to the parent graph (CMD+SHIFT+click also works, use this on the Mac where CTRL+Click opens the context menu).

To customize the keys that trigger the enter/exit group actions, a function can be assigned to the isEnterExitGroup property. The function should accept an event, and return whether the provided event represents an enter/exit group gesture.

deactivate

deactivate()

deactivates this input mode.

isEnterExitGesture

Boolean isEnterExitGesture(/*MouseEvent*/ evt)

(read-write) A function that returns whether the passed event represents an enter/exit group gesture

Parameters:

evt - The mouse event.