PHP 開発フレームワーク Yii Framework チュートリアル (29) Zii コンポーネント - メニューの例

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',
)
);
}

さらに、メニューの階層的な軌跡 (ブレッドクラム) を表示したい場合は、Zii コンポーネントの CBreadcrumbs コンポーネントを使用できます。 CBreadcrumbs は通常 CMenu で使用されます

breadcrumbs)):?>
widget('zii.widgets.CBreadcrumbs', array(
'links'=>$this->breadcrumbs,
)); ?>

この例では Yii のデフォルト CSS を使用します:

CSS を使用しない場合、表示結果は次のようになります。美しいメニューを表示するには、CMenu コンポーネントと適切な CSS を併用する必要があることがわかりました。

上記は、PHP 開発フレームワーク Yii Framework チュートリアル (29) Zii コンポーネント - メニューの例の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。