【PlayFramework2.x】グルーピングされたradioボタンの値を取得する方法

Question

いつもお世話になっております。

Playframework2.4で、複数同じnameのradioボタン値の取得について、値を配列で取得する方法をご教授頂きたいです。

お問い合わせフォームを用意しました。

内容は、ユーザー名とユーザーの得意なITジャンル（Java、Perl、ネットワーク、などなど）をradioボタンで選択してもらう。また、それを複数人入力してもらうという内容です。

<div class="hogehoge-section">
  <div class="users-detail">
    <div class="user-name">
        <label>お問い合わせのお名前</label>
        <input id="user-name-multiple" class="form-control" type="text" name="user.user_name.multiple" value="" required="required">
    </divL
    <div class="user-radio">
      <label>
        <input id="radio-multiple" class="form-control" type="radio" name="user.radio_multiple" value="0" required="required">
        <input id="radio-multiple" class="form-control" type="radio" name="user.radio_multiple" value="1" required="required">
      </label>
    </div>
  </div>
  <!-- ↑の内容が入力する人数によって任意に増やすことができる -->
</div>

↑のようなdom構造を用意されている追加ボタンを押すことで増やせるviewを作りました。

ここでお気づきのかたは気づくかなと思いますが、radioボタンのnameは同じnameだとすべてリンクしてしまいます。

つまり、入力1のユーザーを「Java」と選択した後に、入力2のユーザーを「Perl」と選択してしまうと入力1のradioボタンが未選択の状態になってしまいます。

でもこれはHtmlの仕様であることは理解しています。そこで。

<div class="hogehoge-section">
  <div class="users-detail">
    <div class="user-name">
        <label>お問い合わせのお名前</label>
        <input id="user-name-multiple" class="form-control" type="text" name="user.user_name.multiple" value="" required="required">
    </divL
    <div class="user-radio">
      <label>
        <input id="radio-multiple" class="form-control" type="radio" name="user.radio_multiple[0]" value="0" required="required">
        <input id="radio-multiple" class="form-control" type="radio" name="user.radio_multiple[0]" value="1" required="required">
      </label>
    </div>
  </div>
  <!-- ↑の内容が入力する人数によって任意に増やすことができる -->
</div>

<input ... name="user.radio_multiple[0]" value="1" required="required">

このようにグルーピング化すればいけると思いました。CakePHPとかだと似たような形式（name="data[User][0][radio_multiple]"）でグルーピング化して渡せることができます。

しかし、レスポンスの中を確認すると配列では取得できずkeyがuser.radio_multiple[0]の文字列でセットされていました。

// debugした時の中身
"user.radio_multiple[0]" => ArrayBuffer(0)
"user.radio_multiple[1]" => ArrayBuffer(1)

// 本当はこうなってほしい
"user.radio_multiple" => ArrayBuffer(0,1)

これはどうすれば良いでしょうか。

http://mashi.hatenablog.com/entry/2013/01/02/165548

こちらの方はnameの末尾が"[]"であれば、自動的に変換されると書いています。

何か前提が必要などヒントや回答を頂けますと助かります。お手数をおかけいますが、よろしくお願いいたしますm(_ _ )m

Answer 1

自己解決しましたので、メモします。

結論からいうと、複数グルーピングしたradioボタンの値取得を配列で取得することはできませんでした。
※できるかもしれませんが、ソース読んでもよくわかりませんでした。。。Scalaむずい

なので、こんな感じの実装を追加してみました。

  /**
   * リクエストパラメータから指定したKeyの値をStringで取得する
   *
   * @param map request().body().asFormUrlEncoded()で取得したMap
   * @param k   リクエストパラメータのKey
   * @return
   */
  public static String getParam(Map<String, String[]> map, String k) {
    if (map.get(k) == null) {
      return null;
    } else {
      return map.get(k)[0];
    }
  }

  /**
   * リクエストパラメータから指定したKeyの値をStringで取得する
   *
   * @param request Httpリクエスト
   * @param k       パラメータのKey
   * @return リクエストパラメータの値
   */
  public static String getParam(Request request, String k) {
    return getParam(request.body().asFormUrlEncoded(), k);
  }

  /**
   * 登録できる利用同伴者数の最大
   */
  public static final Integer MAX_JOIN_USER_COUNT = 8;

  /**
   * 指定回数のループで取得してListにして返す
   * @return List<String>
   */
  public static List<String> getRadioValueList(Request request, String key) {
    List<String> resultList = new ArrayList<String>();
    for (Integer i = 0; i < MAX_JOIN_USER_COUNT; i++) {
      String countKey = key + '.' + i.toString();
      String str = RequestUtils.getParam(request, countKey);
      Option<String> strOptional = OptionUtil.apply(str);
      String getString = strOptional.getOrElse("");
      if (0 < getString.length()) {
        resultList.add(getString);
      }
    }
    return resultList;
  }

  public static mainMethod(Request request) {
    // ... 省略
    List<String> multipleUserList = getRadioValueList(request, "user.radio_multiple");
  }

// ... 省略
}
public class OptionUtil {

    public static <A> F.Option<A> apply(A value) {
        if(value != null) {
            return F.Option.Some(value);
        } else {
            return F.Option.None();
        }
    }
// ... 省略
}

view側は下記

<div class="hogehoge-section">
  <div class="users-detail">
    <div class="user-name">
        <label>お問い合わせのお名前</label>
        <input id="user-name-multiple" class="form-control" type="text" name="user.user_name.multiple" value="" required="required">
    </divL
    <div class="user-radio">
      <label>
        <input id="radio-multiple.0.1" class="form-control" type="radio" name="user.radio_multiple.0" value="0" required="required">
        <input id="radio-multiple.0.2" class="form-control" type="radio" name="user.radio_multiple.0" value="1" required="required">
      </label>
    </div>
  </div>
  <div class="users-detail">
    <div class="user-name">
        <label>お問い合わせのお名前</label>
        <input id="user-name-multiple" class="form-control" type="text" name="user.user_name.multiple" value="" required="required">
    </divL
    <div class="user-radio">
      <label>
        <input id="radio-multiple.1.1" class="form-control" type="radio" name="user.radio_multiple.1" value="0" required="required">
        <input id="radio-multiple.1.2" class="form-control" type="radio" name="user.radio_multiple.1" value="1" required="required">
      </label>
    </div>
  </div>
</div>

とりあえず、これでやりたいことはできるようになりました。ただ、ご覧の通りradioのグルーピング数が動的ではないので、数が変更になると、そのたびにコードを変更しなければならいため、良いコードとはいえないかなと思います。

ただ、play.data.Form.javaを読んでみると、何かしら[]の文字列で判断してリクエストの値を操作しているのが見受けられるので、その辺をうまく理解して処理を追加したりすると、もう少しコードがよくなるかなと思いました（多分）

ありがとうございました。

Answer 2

htmlの中にid="radio-multiple"が２つありますが、予期せぬ動作につながると思われます。

Comments

[Aipa]

回答ありがとうございます！
お返事が遅くなりすみません。

idが複数あるのは確かにまずいですね。こちらは修正しますー。
ありがとうございましたm(_ _ )m

[enokiyo]

自分もアンケートを実装した時にユーザ一覧表示をだして一部クイック選択できるようにした時に同じような問題に遭遇したのですが、playのフォームヘルパー側のコードにnameにindexをつけるようなコードをオーバーライドして対応した記憶があります。

ただ記載されているURLみるとできそうな感じがしますね。

カエルが表紙のplayframeworkの本が出てます。自分は書籍版とkindle版と２冊買いました。
ネットで調べるより時間の節約になるかと思いますよ。

[Aipa]

>自分もアンケートを実装した時にユーザ一覧表示をだして一部クイック選択できるようにし>た時に同じような問題に遭遇したのですが、playのフォームヘルパー側のコードにnameにi>ndexをつけるようなコードをオーバーライドして対応した記憶があります。

そうなんですねー。やっぱり自分で書く力をつけないとダメですね。

>カエルが表紙のplayframeworkの本が出てます。自分は書籍版とkindle版と２冊買いました。
>ネットで調べるより時間の節約になるかと思いますよ。

仰るとおりだと思います！

ありがとうございました^^