ネストしたリストを出力「nestedList」
DBやJSONからデータを取得して、そのデータをもとにメニュー表示などネストしたリストを出力させたい場合に「nestedList」が便利です。
ヘルパーに渡すデータは連想配列である必要があります。(デモ)
コントローラ側でデータ取得
// リスト
$this->set( 'array1', $this->Prefecture->find( 'list', array(
'fields' => array('id', 'prefecture')
)));
// ネストしたリスト
$this->set( 'array2', $this->Prefecture->find( 'list', array(
'fields' => array('id', 'prefecture', 'area_name')
)));
ビュー
echo $this->Html->nestedList( $array1); echo $this->Html->nestedList( $array2);
「nestedList」に渡す引数は以下4つ指定することができます。
nestedList(
array $list, // 配列データ
array $options = array(), // <ul>/<ol>に付与するHTML属性
array $itemOptions = array(), // <li>に付与するHTML属性
string $tag = 'ul' // <ul>(デフォルト)もしくは<ol>
)
Helpers > HtmlHelper > nestedList
関連記事
-
-
HttpSocketを使用してリクエスト送信
CakePHPには、Webサービスへのリクエスト送信のためのHttpSocketクラスが用意されています。 HttpSocket get HTTP GETリクエストを発行します。デモ H
-
-
コントローラ内でバリデーション処理を呼び出す
CakePHPでは、saveメソッドの際にバリデーション処理も自動で行われますが、save処理と切り離してバリデーションを行うこともできます。このときは、save時と若干異なる処理体系になります。
-
-
日付・時間のバリデーション
日付や時刻に関するバリデーションは以下のルールがビルトインされています。 date 日付 time 時刻 datetime 日時 (m:「月」を数字表記 / M:「月」を英語表記)
-
-
複数ファイルアップロードフォーム
CakePHP 2.0からはHTML5が標準でサポートとなり、複数ファイルアップロードのためのフォーム記述が容易になりました。 View (ビュー) 配列 Array (
-
-
ユーザ登録(仮登録・メール・本登録)
以前1.3版で投稿した「ユーザ登録」処理の2.x版を作成しました。フローは同じで以下のようにします。 1. メールアドレス・パスワードでユーザ登録 2. この時点では仮登録として、本登録用のU
-
-
FullCalendarを使用してカレンダーアプリケーション
カレンダーアプリケーションを作成するため、カレンダー表示できるプラグインを探索して出会ったFullcalendarを試してみました。シンプルに使用できる上に、オプションがかなり豊富です。ダウンロード
-
-
CakePHP 2.x インストール
現在まで私が商用・非商用にリリースしているCakePHPアプリケーションは全て1.3.xベースで作成しています。 まだまだロードマップ的には大丈夫そうですが、お客さん向けに納品しているアプリケーショ
-
-
Formヘルパーのinputタグのdiv/labelなどの設定
Formヘルパーのinputではデフォルトでは以下のようにdivで囲われて、labelが付与されて出力されます。 CSSのフレームワークなどであらかじめ決まったスタイルがある場合に便利に作られていま
-
-
checkボックスを実装
selectボックスに引き続いてcheckボックスの実装方法をおさらいしてみます。 コードは、CakePHP 2と1.3両方で実装可能です。デモ モデルは、こちらも以下 CREATE TA
-
-
recursive設定によるfind()性能改善
CakePHPでは、モデルにアソシエーションを設定している場合、recursive(=>joinする階層)はデフォルトで0に設定されています。「recursiveゼロ」の意味するところとは、「1跨ぎま
- PREV
- Twenty Fourteenカスタマイズ用プラグインと派生テーマ
- NEXT
- カルーセル プラグイン


Comment
**ブログ投稿 CakePHPでネストしたリストを出力してくれる「nestedList」 http://t.co/lusWd91qdq