selectボックスを実装

今まで、selectボックスのgroupを作成するのにSet::Combineを使用していましたが、意外と簡単にできることに気付いてしまったので、ご紹介。(自分だけ知らなかったことに気付いた と言ったほうが近い。) デモ(データ配列なども)
モデルは、散々出尽くしているかもしれませんが、以下

CREATE  TABLE IF NOT EXISTS `prefectures` (
  `id` INT NOT NULL AUTO_INCREMENT,  -- id
  `prefecture` VARCHAR(8) NOT NULL,  -- 都道府県
  `area` VARCHAR(8) NOT NULL,        -- 地方
  PRIMARY KEY (`id`) )

単一選択のselectボックス

一般的なセレクトボックス。中から1つを選ぶものです。
find('list')でfieldsに対して2項目設定します。1つ目がvalue、2つ目が実際に画面に表示される値が設定されます。規定値(初期値)を指定する場合は、単一の値でvalueを指定します。

// コントローラ
$this->set( 'select1', $this->Prefecture->find( 'list', array( 
    'fields' => array( 'id', 'prefecture')
)));

// ビュー
echo $this->Form->input( 'prefecture', array( 
    'type' => 'select', 
    'options' => $select1
//  'selected' => $selected  // 規定値をvalueで指定
//  'div' => false           // div親要素の有無(true/false)
//  'size' => 5              // 高さ設定(リストボックスとして表示)
//  'empty' => true          // 空白を許可
));

複数選択できるselectボックス

'multiple'=> trueを指定することで、セレクトボックスの中から複数を選べるようにできます。
findの方法は1つ目と同じです。

// コントローラ
$this->set( 'select1', $this->Prefecture->find( 'list', array( 
    'fields' => array( 'id', 'prefecture')
)));

// ビュー
echo $this->Form->input( 'prefecture', array( 
    'type' => 'select', 
    'multiple'=> true,
    'options' => $select1
//  'selected' => $selected  // 規定値は、valueを配列にしたもの
//  'div' => false        // div親要素の有無(true/false)
));

通常、データ内にカンマがない場合は、DBへ保存する際に配列からCSVデータに変換しています。

// ビューから受け取ったprefecture配列をカンマ区切りに変換
$this->request->data['Model']['prefecture'] = 
    implode( ',', $this->data['Model']['prefecture']);

ページ読み込み時に、保存されたデータを取得・設定するためにcsvデータから配列へ変換しています。($selected)

// 規定値をビューへ渡す
$this->set( 'selected', explode( ',', $this->data['Model']['prefecture']));

selectボックスのオプションをグループ化

セレクトボックスの中身をグループ化できるものです。
find('list')の1,2つ目は同じで、fieldsに3つ指定すると、その3つ目の項目でグループ化してくれるようです。(1.3系でも同じです。)

// コントローラ
$this->set( 'select2', $this->Prefecture->find( 'list', array( 
    'fields' => array( 'id', 'prefecture', 'area')
)));

// ビュー
echo $this->Form->input( 'prefecture', array( 
    'type' => 'select', 
    'multiple'=> true,  // 複数選択を可能にする場合
    'options' => $select2
));

規定値の設定や保存時のやりとりは、上の2つと同じですので、単一/複数に従ってそれぞれ実装してください。

今回、2.xとして投稿しましたが、1.3系でも全く同じコードで実現可能です。

  • このエントリーをはてなブックマークに追加

関連記事

ネストしたリストを出力「nestedList」

DBやJSONからデータを取得して、そのデータをもとにメニュー表示などネストしたリストを出力させたい場合に「nestedList」が便利です。 ヘルパーに渡すデータは連想配列である必要があります。(

ハッシュ関数の選択とハッシュ化処理

CakePHPでは、ログイン時にはpasswordを自動的にハッシュ化して認証を行ってくれますが、そのパスワードを登録する際は、明示的にハッシュ化する必要があります。 ハッシュ関数の選択 ハッ

Cookieログイン

今回は、ログイン画面でよくみかけるクッキーログインの機能を使ってみます。 CakePHPには、Cookieコンポーネントがあります。(PHPのsetcookieメソッドのラッパー)メソッドはwr

CakePHP 2.x インストール

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

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

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

Markdown Plugin

「Markdown CakePHP Plugin」は、MarkDown書式をレンダリングしてくれるビューヘルパーです。MarkDownについて勉強しているうちに出会ったので試し打ちです。 ダウンロー

hasOne アソシエーション

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

no image

radioボタンを実装

Radioボタンの実装は、セレクトボックスとほぼ同じです。 個人的にはラジオボタンをすすんで使用することは少ないのですが、2択くらいの選択肢であれば非常に便利ですよね。 今回は、その実装方法 デモ

日付・時間のバリデーション

日付や時刻に関するバリデーションは以下のルールがビルトインされています。 date 日付 time 時刻 datetime 日時 (m:「月」を数字表記 / M:「月」を英語表記)

パス定数と変更方法やURLの取得

CakePHPは基本的にはディレクトリそのまま配置することで構築が可能ではありますが、設定パスを変更することでセキュリティに考慮した構成にすることや運用性をもたせたものにすることが可能になります。

Comment

Message

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

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑