back
フォームヘルパーを活用しよう！[Scala編] (5/5)
■Selectのmultipleによる複数選択
コントロールの利用の仕方はだいたい使ってみればわかると思いますが、１つだけ注意しておきたいのが「Select」です。
これは、普通に複数項目から１つを選ぶのであれば、その他のコントロールと同じ感覚で使うことができます。
が、複数項目を選択できるようにしたい場合、いろいろと修正しなければならない点があります。まず、ビューテンプレートのselectメソッドです。これは、
これ以上に重要なのは、コントローラー側の処理です。ここでは、フォーム管理クラスとFormインスタンスを作成している部分のMapping内の記述を以下のように修正しておく必要があります。
・フォーム管理クラスの定義――「名前: List[String]」と指定する。
・FormのMapping内の定義――「名前 -> list(text)」と指定する。
これで、リストの値がStringからListへと変更されます。複数のテキストを持ったListとして値が用意されるようになるわけですね。
後は、コントローラーでの処理を必要に応じて調整すればいいでしょう。取り出される値はListになりますから、そこから順に値を取り出して処理すればいいでしょう。
下に、先ほどのサンプルで、選択リストを複数項目選択可能に変更したものを挙げておきます。ここでは単純にval msg = "data: " + dataとしてdataオブジェクトの値を出力させていますが、リストの値としてListオブジェクトに選択した項目の値がまとめられていることがよくわかるでしょう。
これは、普通に複数項目から１つを選ぶのであれば、その他のコントロールと同じ感覚で使うことができます。
が、複数項目を選択できるようにしたい場合、いろいろと修正しなければならない点があります。まず、ビューテンプレートのselectメソッドです。これは、
@helper.select( フォームの指定 , options = Helper.options( 表示項目の指定 ),このように、()内に'multiple -> "multiple"と追記することで、multiple属性が設定され、複数の項目が選択できるようになります。が！ 修正はこれだけではありません。フォームの指定で、名前の後に[]をつけなければいけません。例えば、前回作成したselectを複数対応にする場合、
'multiple -> "multiple")
myForm("country") → myForm("country[]")このように修正しておく必要があります。これを忘れると、値が正しく渡されなくなります。これ以上に重要なのは、コントローラー側の処理です。ここでは、フォーム管理クラスとFormインスタンスを作成している部分のMapping内の記述を以下のように修正しておく必要があります。
・フォーム管理クラスの定義――「名前: List[String]」と指定する。
・FormのMapping内の定義――「名前 -> list(text)」と指定する。
これで、リストの値がStringからListへと変更されます。複数のテキストを持ったListとして値が用意されるようになるわけですね。
後は、コントローラーでの処理を必要に応じて調整すればいいでしょう。取り出される値はListになりますから、そこから順に値を取り出して処理すればいいでしょう。
下に、先ほどのサンプルで、選択リストを複数項目選択可能に変更したものを挙げておきます。ここでは単純にval msg = "data: " + dataとしてdataオブジェクトの値を出力させていますが、リストの値としてListオブジェクトに選択した項目の値がまとめられていることがよくわかるでしょう。
(by. SYODA-Tuyano.)
※リストが表示されない場合
AddBlockなどの広告ブロックツールがONになっているとリストなどが表示されない場合があります。これらのツールをOFFにしてみてください。
●index.scala.htmlのselectメソッド部分
@helper.select(
myForm("country[]"),
options = helper.options(("JP","Japan"),("US","U.S.A"),("UK","UK"),("etc","Other")),
'_default -> "-- Choose --",
'multiple -> "multiple",
'size -> "5",
'_help -> ""
)
●Application.scalaのソースコード
package controllers
import play.api._
import play.api.mvc._
import play.api.data._
import play.api.data.Form
import play.api.data.Forms._
object Application extends Controller {
case class MyFormData(
check:Boolean, gender:String, country:List[String])
val form1 = Form(
mapping(
"check" -> boolean,
"gender" -> text,
"country" -> list(text)
)(MyFormData.apply)(MyFormData.unapply)
)
def index = Action {
val title = "サンプルページ"
val msg = "サンプルのページです。"
Ok(views.html.index(title, msg, form1))
}
def sendform = Action { implicit request =>
var myForm = form1.bindFromRequest
val data: MyFormData = myForm.get
val title = "サンプルページ"
val msg = "data: " + data
Ok(views.html.index(title, msg, myForm))
}
}
| << 前へ |