ネストしたリストを出力「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>
)
Htmlヘルパー：/lib/Cake/View/Helper/HtmlHelper.php
Helpers > HtmlHelper > nestedList

Related

selectボックスを実装 radioボタンを実装 checkボックスを実装 Formヘルパーのinputタグのdiv/labelなどの設定 テキストから自動的にリンクを付与「autoLink」と除去「stripLinks」 Jsヘルパーを使用してAjax更新 ログローテーション CakePHP インストール時エラーの対処
  • このエントリーをはてなブックマークに追加

関連記事

Syslogログエンジン

2.4から「Syslog」ログクラスが追加され、簡単にSyslogを使用できるようになりました。 CakePHP側の設定はbootstrap.php内のCakeLogコンフィグのengineを'Sy

Formヘルパーのinputタグのdiv/labelなどの設定

Formヘルパーのinputではデフォルトでは以下のようにdivで囲われて、labelが付与されて出力されます。 CSSのフレームワークなどであらかじめ決まったスタイルがある場合に便利に作られていま

多言語サイト向けに翻訳ファイルを使って翻訳を行う

CakePHPには、翻訳をビヘイビアを使用する方法と翻訳ファイルを使用する方法の2つがあるそうです。(他にもあるのかな?) 今回は、翻訳ファイルを使用して言語の切り替えを行い、その言語設定をCook

アップロードファイルのバリデーションルール

CakePHP 2.2や2.3になってファイルアップロードに対するルールがコアバリデーションに追加されているようで、まとめてみました。 コアバリデーション 関連しそうなルールは以下の4つの

no image

HttpSocketを使用してリクエスト送信

CakePHPには、Webサービスへのリクエスト送信のためのHttpSocketクラスが用意されています。 HttpSocket get HTTP GETリクエストを発行します。デモ H

Js/Cssファイルの読み込みや出力する方法

CakePHPのHTMLヘルパーにはjsファイルやcssファイルを読み込むためのメソッドが用意されています。ファイルを読み込むのに加えて、出力先を複数指定できるようになっています。 また、インライン

hasOne アソシエーション

hasOneアソシエーションはテーブル間で1つのレコードに対して他のテーブルに紐付くレコードが1つの場合にjoinする場合に使用します。 CakePHPのドキュメントにならってUserモデルとP

FullCalendarを使用してカレンダーアプリケーション

カレンダーアプリケーションを作成するため、カレンダー表示できるプラグインを探索して出会ったFullcalendarを試してみました。シンプルに使用できる上に、オプションがかなり豊富です。ダウンロード

CakePHP 2.x インストール

現在まで私が商用・非商用にリリースしているCakePHPアプリケーションは全て1.3.xベースで作成しています。 まだまだロードマップ的には大丈夫そうですが、お客さん向けに納品しているアプリケーショ

Jsヘルパーを使用してAjax更新

更新処理でページ遷移を伴う場合、ページ全体をレスポンスするのに対して、Ajax処理ではページの一部のレスポンスが可能となるためサーバからの通信量を抑えることが可能となります。デモ head

Comment

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA

*

PREV
Twenty Fourteenカスタマイズ用プラグインと派生テーマ
NEXT
カルーセル プラグイン

新規投稿

PAGE TOP ↑