YiiFramework development tutorial Zii component-Accordion example _ PHP Tutorial

YiiFramework development tutorial Zii component-Accordion example. The Zii component contains JQuery-based UI components defined in the zii. widgets. jui package, including CJuiAccordion, CJuiAutoComplete, and CJuiDatePicker. This article introduces some JQuery-based UI components in the CJuiAcc Zii component, which are defined in the zii. widgets. jui package, including CJuiAccordion, CJuiAutoComplete, and CJuiDatePicker. This article describes CJuiAccordion and displays an Accordion component (similar to the UI component that can be folded by the Accordion ). This control encapsulates the JUI Accordion plug-in.

The basic usage is as follows:

[Php]

$ This-> widget ('zii. widgets. jui. cjuiaccordion', array (

'Panels' => array (

'Panel 1' => 'Content for panel 1 ',

'Panel 2' => 'Content for panel 2 ',

'Panel 3' => $ this-> renderPartial ('_ content1', null, true ),

),

'Options' => array (

'Collapsible '=> true,

'Activity' => 1,

),

'Htmlopexception' => array (

'Style' => 'width: 500px ;'

),

));

?>

$ This-> widget ('zii. widgets. jui. cjuiaccordion', array (

'Panels' => array (

'Panel 1' => 'Content for panel 1 ',

'Panel 2' => 'Content for panel 2 ',

'Panel 3' => $ this-> renderPartial ('_ content1', null, true ),

),

'Options' => array (

'Collapsible '=> true,

'Activity' => 1,

),

'Htmlopexception' => array (

'Style' => 'width: 500px ;'

),

));

?>

Define the panels attribute to define several foldable pages of Accordion and send parameters to the JUI Accordion plug-in by configuring options.

Certificate, CJuiAutoComplete, CJuiDatePicker, etc. This article introduces CJuiAcc...