Zii 구성 요소에는 CJuiAccordion, CJuiAutoComplete, CJuiDatePicker 등을 포함하여 zii.widgets.jui 패키지에 정의된 일부 JQuery 기반 UI 구성 요소가 포함되어 있습니다. 이번 글에서는 Accordion 컴포넌트(아코디언처럼 접을 수 있는 UI 컴포넌트)를 표시하는 CJuiAccordion을 소개합니다. 이 컨트롤은 JUI Accordion 플러그인을 캡슐화합니다.
기본 사용법은 다음과 같습니다.
$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,'active'=>1,), 'htmlOptions'=>array('style'=>'width:500px;'),)); ?>
panels 속성을 정의하여 Accordion의 여러 폴더블 페이지를 정의하고, 옵션을 구성하여 JUI Accordion 플러그인에 매개변수를 보냅니다.
위 내용은 PHP 개발 프레임워크 Yii 프레임워크 튜토리얼(33) Zii 컴포넌트-아코디언 예제 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!