Class QAccordionBase
Implements the JQuery UI Accordion
An accordion is a series of panels, only one of which is shown at a time. Each panel has a trigger, and when the user clicks on the trigger, its corresponding panel is shown, and the others hidden.
The Accordion decends from QPanel. There are a number of ways to create an Accordion, but the basics are that you put a series of block level items inside the Accordion (like divs, or h1, QPanels, etc.) and it will automatically pick the first item as the header and the second item as the content that will be collapsed or expanded, and will repeat that until the end of the Accordion block.
If you want more control, you can assign a jQuery selector to the Header item and that selector will be used to find the headers within the Accordion. In this case, the next block level sibling to the header will be used as the content for that header. For example, to use all the items with class ItemHeader inside the Accordion panel as the headers for the accordion, do this:
$accordion->Header = '.ItemHeader';
To get or set the index of the item that is currently open, use the inherited
->Active
value.
The Accordion will generate a QChangeEvent when a new header is selected.
See the jQuery UI documentation for additional events, methods and options that may be useful.
- QBaseClass
- QHtmlAttributeManagerBase
- QHtmlAttributeManager
- QControlBase
- QControl
- QBlockControl
- QPanel
- QAccordionGen
- QAccordionBase
Direct known subclasses
QAccordionLink: http://jqueryui.com/accordion/
Located at includes/base_controls/QAccordionBase.class.php
protected
null|string
|
|
public
string
|
|
protected
mixed
|
|
protected
|
|
public
mixed|
|
Destroy(),
Disable(),
Enable(),
GetJqSetupFunction(),
GetModelConnectorParams(),
Instance(),
MakeJqOptions(),
Option(),
Option1(),
Option2(),
Option3(),
Refresh(),
__get()
|
OverrideAttributes(),
__call()
|
CommentEnd,
CommentStart
|
protected
boolean
|
$blnAutoRenderChildren
Should the children be rendered automatically? |
#
true
|
$blnCollapsible,
$blnDisabled,
$mixActive,
$mixAnimate,
$mixHeader,
$mixIcons,
$strEvent,
$strHeightStyle,
$strJavaScripts,
$strStyleSheets
|
$blnHtmlEntities,
$blnIsBlockElement,
$strDefaultDisplayStyle,
$strTagName
|
$blnDropTarget,
$objDropsControlsArray,
$objDropsGroupingsArray,
$objIsDropZoneFor,
$objMovesControlsArray,
$strFormat,
$strTemplate,
$strText
|
$attributes,
$styles
|
$Active,
$Animate,
$Collapsible,
$Disabled,
$Event,
$Header,
$HeightStyle,
$Icons
|
$AutoRenderChildren,
$DropTarget,
$Format,
$HorizontalAlign,
$HtmlEntities,
$ResizeHandleDirection,
$ResizeHandleMaximum,
$ResizeHandleMinimum,
$TagName,
$Template,
$Text,
$VerticalAlign
|
$AccessKey,
$AltText,
$BackColor,
$BorderCollapse,
$BorderColor,
$BorderStyle,
$BorderWidth,
$CssClass,
$Cursor,
$Data,
$Display,
$DisplayStyle,
$Enabled,
$FontBold,
$FontItalic,
$FontNames,
$FontOverline,
$FontSize,
$FontStrikeout,
$FontUnderline,
$ForeColor,
$Height,
$Left,
$Margin,
$NoWrap,
$Opacity,
$OrderedListType,
$Overflow,
$Padding,
$Position,
$ReadOnly,
$TabIndex,
$ToolTip,
$Top,
$UnorderedListStyle,
$Width
|