Angular UI Components
Show Demo List
Angular UI Components
|
|
|
|
The NavigationBar for Angular is a vertical list of expandable items. When you expand an item the content of the item is displayed either below or above the bar with the item. The component supports single or multiple expanded items. To switch between the two modes, you need to change the property 'expandMode'. By default, the NavigationBar can have only one expanded item (like Accordion). If the 'expandMode' property value is 'multiple', users can expand or collapse multiple items at the same time.
jqxNavigationBar is the jQWidgets NavigationBar component for Angular. Accordion of expandable sections.
jqxNavigationBar has 14 properties, 4 events and 22 methods, all in the API reference. Its main members, those its demos use first:
add (method) – This method inserts an item at the bottom of the navigationbar.expandMode (property) – Sets or gets navigation bar's expand mode.expandedIndexes (property) – Sets or gets the expanded item(s).collapsedItem (event) – This event is triggered when a jqxNavigationBar item is collapsed.expandedItem (event) – This event is triggered when a jqxNavigationBar item is expanded.focus (method) – This method focuses on the navigationbar.animationType (property) – Sets or gets the animation type.arrowPosition (property) – Sets or gets header's arrow position.collapseAnimationDuration (property) – Sets or gets the collapsing animation duration.expandAnimationDuration (property) – Sets or gets the expanding animation duration.