Class: CardsTreeview

CardsTreeview()

CardsTreeview This is an extension of the default TreeView component that adds the following features: - Node selection management, both single and multiple - Custom tree node template using Lexicon Horizontal Cards - Improved accessibility for keyboard navigation following common tree widget patterns

Members

(static, non-null) STATE :Object

CardsTreeview state definition.
Type:
  • Object
Source:

Methods

(protected) addSelectedNodes_(nodes)

Adds nodes with selected attribute to selectedNodes list in case when they are still not there.
Parameters:
Name Type Description
nodes Nodes to check and add to selectedNodes list.
Source:

created()

Source:

(protected) deselectAll_()

Deselects all selected tree nodes
Source:

(protected) deselectNode_(node)

Selects specific nodes
Parameters:
Name Type Description
node to deselect.
Source:

(protected) expandSelectedNodesParentNodes_(nodes)

Expands all parent nodes of expanded children.
Parameters:
Name Type Description
nodes List of nodes to expand all parent nodes of expanded children.
Source:

(protected) focus_(nodeObjnon-null)

Focus the given tree node.
Parameters:
Name Type Description
nodeObj Object
Source:

(protected) focusNextNode_(nodenon-null)

Focus the next tree node of given tree node.
Parameters:
Name Type Description
node Element
Source:

(protected) focusPrevNode_(nodenon-null)

Focus the previous tree node of given tree node.
Parameters:
Name Type Description
node Element
Source:

(protected) handleNodeClicked_(eventnon-null)

This is called when one of this tree view's nodes is clicked.
Parameters:
Name Type Description
event Event
Source:

(protected) handleNodeKeyUp_(eventnon-null)

This is called when one of this tree view's nodes receives a keypress. Depending on the pressed key, the tree will: - ENTER or SPACE: Select the current node - DOWN ARROW: Focus the next node - UP ARROW: Focus the previous node - LEFT ARROW: Collapse the current node - RIGHT ARROW: Expand the current node
Parameters:
Name Type Description
event Event
Source:

(protected) handleNodeTogglerClicked_(eventnon-null)

This is called when one of this tree view's nodes toggler is clicked.
Parameters:
Name Type Description
event Event
Source:

(protected) selectNode_(node)

Selects specific node.
Parameters:
Name Type Description
node to select.
Source:

(protected) setNodeExpandedState_(nodenon-null, statenon-null)

Sets the expanded state of a node
Parameters:
Name Type Description
node Element The tree node we want to change the expanded state to
state Object A state object with the new value of the expanded state
Source: