Yii フレームワーク開発チュートリアル Zii コンポーネント メニューの例_PHP チュートリアル

Yii データベース インターフェイスを紹介した後、この記事ではリスト ビュー ListView、テーブル ビュー GridView、および AutoComplete、DataPicker、Button、ドラッグ アンド ドロップなどの JQuery ベースのいくつかの UI コンポーネントを含む Zii コンポーネントを紹介します。

この記事では、Menu メニューの使用法を紹介します。CMenu は、HTML リストを使用して、その属性項目によって構成されます。

見える 見えますか?

active 現在のメニュー項目が選択されているかどうか、

items サブメニュー項目。

さらに、次の属性も含まれます:

ラベル: オプション、メニュー名、HTML タグをサポートします。

url: オプション、このメニューの URL リンクをクリックします

テンプレート: オプション、メニュー テンプレート www.2cto.com

linkOptions: 配列、オプション、追加の HTML リンク属性

itemOptions: 配列、オプション、メニュー項目を表示するための追加の HTML 属性。

submenuOptions: 配列、オプション、サブメニューの HTML 属性を追加で表示します。

通常、メニューはレイアウトで定義できます。たとえば、この例では、 protected/views/layout/main.php を変更します。

widget('zii.widgets.CMenu',array(

)

'アイテム'=>配列(

array('label'=>'ホーム',

'url'=>array('/site/index')),

array('label'=>'概要',

'url'=>array('/site/page',

「表示」=>「概要」))、

array('label'=>'連絡先',

'url'=>array('/site/page',

「表示」=>「連絡先」))、

array('label'=>'ログイン',

'url'=>array('/site/login'),

'可視'=>false)、

)、

));?>

この例では、CViewAction を使用して、いくつかの静的ページを表示します。静的ページのデフォルトのディレクトリは、現在のコントローラーの View ディレクトリの下にあるページのサブディレクトリです。この例では、about.php と contact. の 2 つの静的ページを作成します。

CViewAction を使用して静的ページを表示するには、コントローラーの Actions メソッドを変更する必要があります:

パブリック関数アクション()

{

配列を返す(

'ページ'=>array(

'クラス'=>'CViewAction',

)

);

}

さらに、メニューの階層的な軌跡(パンくずリスト)を表示したい場合は、ZiiコンポーネントのCBreadcrumbsコンポーネントを使用することができます。CBreadcrumbsは通常、CMenuで使用されます

。

ブレッドクラム)):?>

widget('zii.widgets.CBreadcrumbs', array(

)

'リンク'=>$this->パンくずリスト,

)); ?>

この例では Yii のデフォルト CSS を使用しており、表示される結果は次のとおりです:

CSSを使用しない場合、表示結果は以下のようになります。

美しいメニューを表示するには、CMenu コンポーネントを適切な CSS とともに使用する必要があることがわかります。

http://www.bkjia.com/PHPjc/477839.htmlwww.bkjia.com本当http://www.bkjia.com/PHPjc/477839.html技術記事 Yii データベース インターフェイスを紹介した後、この記事では ListView、GridView、および AutoComplete などの JQuery ベースの UI コンポーネントを含む Zii コンポーネントを紹介します...