ネストしたリストを出力「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
-
-
ログインに追加の条件を付与する「scope」
ユーザ登録では、仮登録処理(status=1)から送付したメール内のリンクをクリックしてもらい本登録(status=0)を行ってもらう実装をしました。仮登録の状態ではログインできないように実装するには
-
-
Cookieログイン
今回は、ログイン画面でよくみかけるクッキーログインの機能を使ってみます。 CakePHPには、Cookieコンポーネントがあります。(PHPのsetcookieメソッドのラッパー)メソッドはwr
-
-
hasOne アソシエーション
hasOneアソシエーションはテーブル間で1つのレコードに対して他のテーブルに紐付くレコードが1つの場合にjoinする場合に使用します。 CakePHPのドキュメントにならってUserモデルとP
-
-
Formヘルパーのinputタグのdiv/labelなどの設定
Formヘルパーのinputではデフォルトでは以下のようにdivで囲われて、labelが付与されて出力されます。 CSSのフレームワークなどであらかじめ決まったスタイルがある場合に便利に作られていま
-
-
コントローラ内でバリデーション処理を呼び出す
CakePHPでは、saveメソッドの際にバリデーション処理も自動で行われますが、save処理と切り離してバリデーションを行うこともできます。このときは、save時と若干異なる処理体系になります。
-
-
ハッシュ関数の選択とハッシュ化処理
CakePHPでは、ログイン時にはpasswordを自動的にハッシュ化して認証を行ってくれますが、そのパスワードを登録する際は、明示的にハッシュ化する必要があります。 ハッシュ関数の選択 ハッ
-
-
CakeEmailでメール送信(@gmail)
CakePHP 2になって追加されたクラスCakeEmailがシンプルに使えます。これを使用してメール送信を行う処理を実装してみました。 CakeEmailクラスの読み込み /app/Config
-
-
Markdown Plugin
「Markdown CakePHP Plugin」は、MarkDown書式をレンダリングしてくれるビューヘルパーです。MarkDownについて勉強しているうちに出会ったので試し打ちです。 ダウンロー
-
-
日付・時間のバリデーション
日付や時刻に関するバリデーションは以下のルールがビルトインされています。 date 日付 time 時刻 datetime 日時 (m:「月」を数字表記 / M:「月」を英語表記)
- PREV
- Twenty Fourteenカスタマイズ用プラグインと派生テーマ
- NEXT
- カルーセル プラグイン
Comment
**ブログ投稿 CakePHPでネストしたリストを出力してくれる「nestedList」 http://t.co/lusWd91qdq