Accordion

(esrith/amos/container/Accordion)

This container widget holds a set of panes where every pane's title is visible but only one pane's content is visible at a time. By clicking on another pane title, that particular pane's content become visible while the previously shown pane is closed.

Sample
Description
new Accordion(params?srcNodeRef?)

Create a new Accordion widget.
Type Description
_styleAttr Object when you want to set style for other node. you can do this by example... _styleAttr:{ style-property:effected-node } this property was effected where this class was inherited and your widget was called by... var widget = new YourWidget({ style:{ style-property:style-value } }); now effected-node in you widget will have style-property = style-value
childs ContentPane[] Contentpane for each pane in order from top to bottom.
tabs Object[] Title of each pane in order from top to bottom.
Return type Description
__baseClassInherit(constructor) None get className from superclass.
addChild(contentPane) ContentPane Add a specified child.
disableChild(index) None Disable a specified child.
enableChild(index) None Enable a specified child.
hide(elem?) None Hide a specified element. The hidden element will not be displayed at all.
isVisible(elem?) Boolean Return true if the element is visible, otherwise false.
removeChild(index) None Remove a specified child.
selectChild(index) Boolean Select a specified child.
show(elem?) None Display a specified element.
toggle(elem?) None Toggle visibility of a specified element.
Description
change Fires when switching between panes.
click Fires on mouse click on an pane title.
Constructors Detail
new Accordion(params?srcNodeRef?)

Defined in esrith/amos/container/Accordion.js:22

Create a new Accordion widget.

Parameters:
Properties Detail
<Object>
_styleAttr

Inherited from: esrith/amos/core/_BaseClassMixin.js:60

when you want to set style for other node. you can do this by example... _styleAttr:{ style-property:effected-node } this property was effected where this class was inherited and your widget was called by... var widget = new YourWidget({ style:{ style-property:style-value } }); now effected-node in you widget will have style-property = style-value

Default value: {}

<ContentPane[]>
childs

Inherited from: esrith/amos/core/_ContainerBase.js:88

Contentpane for each pane in order from top to bottom.
<Object[]>
tabs

Inherited from: esrith/amos/core/_ContainerBase.js:80

Title of each pane in order from top to bottom.
Methods Detail
__baseClassInherit
(
  • constructor
)

Inherited from: esrith/amos/core/_BaseClassMixin.js:137

get className from superclass.
Parameters
  • <Object> constructor Required
<ContentPane>
addChild
(
  • contentPane
)

Inherited from _ContainerBase but overwritten in esrith/amos/core/_ContainerBase.js:102

Add a specified child.
Parameters
  • <ContentPane> contentPane Required
    Contentpane object to be input as a child node.
disableChild
(
  • index
)

Inherited from: esrith/amos/core/_ContainerBase.js:182

Disable a specified child.
Parameters
  • <Number> index Required
    Index of the child.
enableChild
(
  • index
)

Inherited from: esrith/amos/core/_ContainerBase.js:229

Enable a specified child.
Parameters
  • <Number> index Required
    Index of the child.
hide
(
  • elem?
)

Inherited from: esrith/amos/core/_DisplayMixin.js:82

Hide a specified element. The hidden element will not be displayed at all.
Parameters
  • <Node> elem Optional
    Specified element to be hidden.
<Boolean>
isVisible
(
  • elem?
)

Inherited from: esrith/amos/core/_DisplayMixin.js:40

Return true if the element is visible, otherwise false.
Parameters
  • <Node> elem Optional
    Specified element to be checked. If not specified, domNode of the widget is used instead.
removeChild
(
  • index
)

Inherited from: esrith/amos/core/_ContainerBase.js:155

Remove a specified child.
Parameters
  • <Number> index Required
    Index of the child.
<Boolean>
selectChild
(
  • index
)

Inherited from: esrith/amos/core/_ContainerBase.js:136

Select a specified child.
Parameters
  • <Number> index Required
    Index of the child.
show
(
  • elem?
)

Inherited from: esrith/amos/core/_DisplayMixin.js:69

Display a specified element.
Parameters
  • <Node> elem Optional
    Specified element to be displayed.
toggle
(
  • elem?
)

Inherited from: esrith/amos/core/_DisplayMixin.js:56

Toggle visibility of a specified element.
Parameters
  • <Node> elem Optional
    Specified element to toggle visibility.
Events Detail
change

Inherited from _ContainerBase: esrith/amos/core/_ContainerBase.js:296

Fires when switching between panes.
Event Payload:
  • <Object> Number
    index Index of the pane that is changed to.
click

Inherited from _ContainerBase: esrith/amos/core/_ContainerBase.js:289

Fires on mouse click on an pane title.
Event Payload:
  • <Object> Number
    index Index of the clicked pane.