複数選択型のプルダウン
単一選択のプルダウンを複数選択型に変更する為のTipsです。
複数選択型と言っても従来のselectタグではなく、チェックボックスを
使ったプルダウン表示に変更させる方式です。
(prototype.jsを利用しています)
言葉だけではイメージし難いと思いますので、サンプルを参照してください。
上側に従来のプルダウン、下側に同じ要素の複数選択型プルダウンが表示されています。
js 一覧表示のチェックボックス関連の制御をまとめたクラス
prototype.jsやjQueryの出現でajaxに限らずJavaScriptでのプログラミングが随分に楽になりました。
今回は検索結果一覧などテーブル内の複数行などに、データ選択用のチェックボックスがつけられているケースで、よく使う制御を簡単に実装できるようにまとめたクラスをprototype.jsをベースに作成してみました。
CakePHP Tips:ドラッグ&ドロップでデータを並び替える
マスターのメンテナンス機能やCMS系の機能を開発する際に、データの並びをユーザーが自由に設定できるようにしたいという要件はよくあります。
CakePHPとprototype.jsを使えば、ドラッグ&ドロップでデータの並びを設定することが簡単に実装できます。
今回のサンプルはこちらで確認できます。
id, name(果物名), position(position) の3カラムのfuruitsテーブルのデータを並び替えています。