UXAccordion is a headered selection control with collapsible content and fluid drag and drop support.
UXAccordion has four selection modes, which are described in the following list.
Using Keyboard to Perform Selection
You can navigate between the items using arrow keys in the keyboard. In the One mode, navigating between items will change the selection immediately.
In other modes, you use SpaceBar to select or unselect an item, while using arrow keys to navigate between the items.
To bind the data, you can either use ItemTemplate or the member path properties such as described in the following.
Used to bind the Content property.
Used to bind the Icon property.
Used to bind the data to UXAccordionItem items collection.
Used to bind the Content property of UXAccordionOption.
Used to bind the Icon property of UXAccordionOption.
UXAccordion have two levels of items. UXAccordion contains a collection of UXAccordionItem, while UXAccordionItem contains a collection of UXAccordionOption. To simplify the data binding process, UXAccordion also introduces additional member paths for UXAccordionOption and UXAccordionItem.
The following example shows how to perform binding to UXAccordion using the member path properties.
This example is using MVVM pattern that uses an advanced data binding concept. To learn more about MVVM pattern, see MVVM Pattern Overview.