AccordionModel

Interface representing the Accordion class.

Properties

action AccordionActionSettingsModel

Specifies the animation configuration settings for expanding and collapsing the panel.

Default: { expand: { effect: 'SlideDown', duration: 400 }, collapse: { effect: 'SlideUp', duration: 400 } }

dataStore Object[] DataStore

Specifies the data store for the accordion items.

Default: []

enableHtmlSanitizer Boolean

Specifies whether to allow the rendering of untrusted HTML and JavaScript values withing the control. When true, any untrusted strings or scripts will be remote before rendering.

Default: true

enableRtl Boolean

Specifies whether to render the control in right to left direction.

Default: false

enableState Boolean

Specifies whether to persist the state of the control between page loads.

The following properties will be saved to state.
  • expandedIndexes

Default: false

expandedIndexes Number[]

Specifies the expanded items at initial load.

Default: []

expandMode ExpandMode

Specifies the options to expand single or multiple panels at a time.

Default: ExpandMode.Multiple

headerTemplate Function

Specifies the header template option for accordion items.

Default: null

height String Number

Specifies the height of the accordion expressed in pixels, a number, or in a percentage.

Default: auto

items AccordionItem[]

Specifies a collection of items to be added to the accordion.

Default: []

itemTemplate Function

Specifies the template to be used for rendering the accordion items.

Default: null

locale String

Specifies the culture and localization value for this control, overriding the globally defined value.

Default: en-US

width String Number

Specifies the width of the accordion expressed in pixels, a number, or in a percentage.

Default: 100%

Events

clicked EmitType<AccordionClickArgs>

Event callback that is raised when clicking anywhere within the accordion.

created EmitType<CreatedEventArgs>

Event callback that is raised when the control has been created.

destroyed EmitType<Object>

Event callback that is raised when the control has been destroyed.

expanded EmitType<ExpandedEventArgs>

Event callback that is raised after an accordion item has been expanded or collapsed.

expanding EmitType<ExpandingEventArgs>

Event callback that is raised before an accordion item starts expanding or collapsing.