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系でも全く同じコードで実現可能です。
関連記事
-
-
RSSフィードの取得
コンロトーラ public function getrssfeed() { try { $newsItems = $this->Rss->read( 'http://
-
-
複数ファイルアップロードフォーム
CakePHP 2.0からはHTML5が標準でサポートとなり、複数ファイルアップロードのためのフォーム記述が容易になりました。 View (ビュー) 配列 Array (
-
-
Cookieログイン
今回は、ログイン画面でよくみかけるクッキーログインの機能を使ってみます。 CakePHPには、Cookieコンポーネントがあります。(PHPのsetcookieメソッドのラッパー)メソッドはwr
-
-
CakeEmailでメール送信(@gmail)
CakePHP 2になって追加されたクラスCakeEmailがシンプルに使えます。これを使用してメール送信を行う処理を実装してみました。 CakeEmailクラスの読み込み /app/Config
-
-
(メール・URL・電話・郵便・IP) データ バリデーション
今回は、プロフィール情報に使用されるデータに絞ったバリデーションルールです。 バリデーションルール 以下の5つのバリデーションルールがコアに用意されています。 email メールアドレス
-
-
数値系バリデーション
CakePHP 2になっていくつか数値用バリデーションルールが追加されています。 数値用 (コア)バリデーション decimal - 十進数であること numeric - 数値であること
-
-
ログインに追加の条件を付与する「scope」
ユーザ登録では、仮登録処理(status=1)から送付したメール内のリンクをクリックしてもらい本登録(status=0)を行ってもらう実装をしました。仮登録の状態ではログインできないように実装するには
-
-
DebugKitを導入
定番のブログチュートリアルをこなして、定番のDebugKitを導入してみました。 2.3からはCakePHPインストール直後に以下のように導入を推奨するような警告メッセージが表示されるようになりまし
-
-
HttpSocketを使用してリクエスト送信
CakePHPには、Webサービスへのリクエスト送信のためのHttpSocketクラスが用意されています。 HttpSocket get HTTP GETリクエストを発行します。デモ H
-
-
radioボタンを実装
Radioボタンの実装は、セレクトボックスとほぼ同じです。 個人的にはラジオボタンをすすんで使用することは少ないのですが、2択くらいの選択肢であれば非常に便利ですよね。 今回は、その実装方法 デモ
Comment
[…] http://kwski.net/cakephp-2-x/1088/ […]
[...] 参考サイトhttp://kwski.net/cakephp-2-x/1088/ [...]