ネストしたリストを出力「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
関連記事
-
-
ハッシュ関数の選択とハッシュ化処理
CakePHPでは、ログイン時にはpasswordを自動的にハッシュ化して認証を行ってくれますが、そのパスワードを登録する際は、明示的にハッシュ化する必要があります。 ハッシュ関数の選択 ハッ
-
-
CakeEmailでメール送信(@gmail)
CakePHP 2になって追加されたクラスCakeEmailがシンプルに使えます。これを使用してメール送信を行う処理を実装してみました。 CakeEmailクラスの読み込み /app/Config
-
-
Cookieログイン
今回は、ログイン画面でよくみかけるクッキーログインの機能を使ってみます。 CakePHPには、Cookieコンポーネントがあります。(PHPのsetcookieメソッドのラッパー)メソッドはwr
-
-
テーブルからランダムにデータを取り出す(find)
CakePHPでテーブルから特定件数のレコードをランダムに取得するには以下のように指定するとできます。 $this->data = $this->Bulkdata->find( 'all',
-
-
日付・時間のバリデーション
日付や時刻に関するバリデーションは以下のルールがビルトインされています。 date 日付 time 時刻 datetime 日時 (m:「月」を数字表記 / M:「月」を英語表記)
-
-
radioボタンを実装
Radioボタンの実装は、セレクトボックスとほぼ同じです。 個人的にはラジオボタンをすすんで使用することは少ないのですが、2択くらいの選択肢であれば非常に便利ですよね。 今回は、その実装方法 デモ
-
-
CakePHP インストール時エラーの対処
CakePHPインストール時に出くわすであろうエラーの原因と対処方法についてまとめてみました。前提として、WebサーバはApache、データベースはMySQLとしています。 Timezone未設
-
-
バリデーションエラーメッセージの取得
CakePHP 2.xになってバリデーションエラー時に返却されるメッセージのデータ形式が変更になったようです。1.3系では、ひとつのフィールドに対して返却されるメッセージは一つのルールのみですが、2.
-
-
コントローラ内でバリデーション処理を呼び出す
CakePHPでは、saveメソッドの際にバリデーション処理も自動で行われますが、save処理と切り離してバリデーションを行うこともできます。このときは、save時と若干異なる処理体系になります。
-
-
FullCalendarを使用してカレンダーアプリケーション
カレンダーアプリケーションを作成するため、カレンダー表示できるプラグインを探索して出会ったFullcalendarを試してみました。シンプルに使用できる上に、オプションがかなり豊富です。ダウンロード
- PREV
- Twenty Fourteenカスタマイズ用プラグインと派生テーマ
- NEXT
- カルーセル プラグイン
Comment
**ブログ投稿 CakePHPでネストしたリストを出力してくれる「nestedList」 http://t.co/lusWd91qdq