Accordion
The Accordion visualizes a stack of AccordionItems
Accordion with first item selected |
allowDeselect=true |
|
|
You can insert two different types of items into an Accordion:
AccordionItems are bound to individual context attributes. In this way, the number of displayed steps is defined during runtime. A MultipleAccordionItem is bound to a context node. This allows you to dynamically define the number of displayed items.
If you want to implement drag and drop on the Accordion, you should prefer AccordionItems.
Description of the Properties
● allowDeselect
Specifies whether the user can deselect all AccordionItems, so that all items appear as closed.
● handleHotkeys
Specifies whether this Accordion acts as a separate container for hotkeys. If this property is set to true then all hot keys defined within this Accordion will be handled by this Accordion. This defines a new scope for hot keys. More information: Implementing Hot Keys .
● selectedItem
Specifies the ID of the selected AccordionItem.
Properties Overview
Name |
Interface |
Type |
Initial Value |
Bindable |
allowDeselect |
IWDAccordion |
boolean |
false |
bindable |
contextMenuBehaviour |
IWDContextMenuProvider |
WDContextMenuBehaviour |
inherit |
not bindable |
contextMenuId |
IWDContextMenuProvider |
String |
|
not bindable |
enabled |
IWDUIElement |
boolean |
true |
bindable |
fireExitEvent |
IWDViewElement |
boolean |
false |
not bindable |
handleHotkeys |
IWDAccordion |
boolean |
true |
not bindable |
selectedItem |
IWDAccordion |
String |
|
bindable |
tooltip |
IWDUIElement |
String |
|
bindable |
visible |
IWDUIElement |
WDVisibility |
visible |
bindable |
More information: Common UI Element Properties
Events
● onDrop(String data, String item, String itemPath, String mimeType, int offset, String tags)
This event is triggered if the user drops an AccordionItem or any other content on this Accordion.
The parameters are:
○ data: The data specified for the drag source.
○ item: The item the user has dropped the object onto.
○ itemPath: The node is described by a path to the node element representing it. Declare an action and event handler parameter of type IWDNodeElement (or one of your own node element classes) along with a suitable parameter mapping; then the path will be automatically transformed into a node element instance.
○ mimeType: the mime type specified for the drag source.
○ offset: the position relative to the item, the user has dropped the object onto.
■ -1: just above the item specified by the item
■ 0: right onto the item specified by the item
■ +1: just below the item specified by the item.
○ tags: the tags defined for the drag source
· onSelect (String newItem, String oldItem)
This event is triggered after a user has selected another AccordioNItem or deselected the current AccordionItem. If another AccordionItem is selected event will be fired only once.