Yii データベース インターフェースを紹介した後、この記事では ListView、GridView、および AutoComplete、DataPicker、Button、Drag and Drop などの JQuery ベースのいくつかの UI コンポーネントを含む Zii コンポーネントを紹介します。
この記事では、メニュー メニューの使用法を紹介します。CMenu は、HTML リストを使用してマルチレベル メニューを表示します。各メニュー項目には 3 つの主要な属性が含まれています
表示されるかどうか
現在のメニュー項目が選択されています。
items サブメニュー項目。
さらに、次の属性も含まれます:
label: オプション、メニュー名、HTML タグの使用をサポートします
url: オプション、メニューの URL リンクをクリックします
template: オプション、メニュー テンプレート。
linkOptions: 配列、オプション、追加の HTML リンク属性
itemOptions: 配列、オプション、メニュー項目を表示するための追加の HTML 属性。
submenuOptions: 配列 (オプション) は、サブメニューの HTML 属性を追加で表示します。
たとえば、この例では、protected/views/layout/main.php
$this->widget('zii.widgets.CMenu',array( 'items'=>array( array('label'=>'Home', 'url'=>array('/site/index')), array('label'=>'About', 'url'=>array('/site/page', 'view'=>'about')), array('label'=>'Contact', 'url'=>array('/site/page', 'view'=>'contact')), array('label'=>'Login', 'url'=>array('/site/login'), 'visible'=>false), ), )); ?>
を変更します。この例では、CViewAction が使用されます。 複数の静的ページを表示するために、静的ページのデフォルトのディレクトリは、現在のコントローラーの View ディレクトリの下にある pages サブディレクトリです。この例では、2 つの静的ページ about.php と contact が、pages ディレクトリに作成されます。 CViewAction を使用して静的なページを表示するには、コントローラーの Actions メソッドを変更する必要があります:
public function actions() { return array( 'page'=>array( 'class'=>'CViewAction', ) ); }
breadcrumbs)):?> widget('zii.widgets.CBreadcrumbs', array( 'links'=>$this->breadcrumbs, )); ?>