2015-10-06 49 views
1

我已經附上了我的接口,它與下面的漩渦模板代碼創建的圖片:捻重複的表單字段只有第一個按鈕更新

@(interests:List[String],levelsForm: Form[ManyInterests],user:models.User)(implicit request: RequestHeader,messages: Messages) 

@import helper._ 
@import play.api.Play.current 


@import b3.vertical.fieldConstructor 
@opts = @{ Seq("1"->"Not very passionate","2"->"A little passionate", 
    "3"->"Moderately passionate","4"->"Very passionate","5"->"Extremely passionate") } 

@main("Passion Levels",Some(user)) { 
    <h3>For each of the previous entered interest and activities, please rate how passionate you are: 
    </h3> 
    @helper.form(action = routes.ResponseController.newPassion) { 
    @interests.map { interest => 
      <span><b>@interest</b></span><br /> 
     @b3.radio(levelsForm("interestpassions"), options = opts,'_inline ->true) 
    } 
     @b3.buttonType("submit", 'class -> "btn btn-default"){Next} 
    } 
} 

radio buttons

它產生無線電的正確映射從pgsql查詢中獲取值的按鈕,但是我面臨的問題是,當我單擊ANY單選按鈕時,顯示更改的唯一行就是第一行。因此,爲了解釋如何使用圖像,如果我選擇'非常熱情'來踢足球,單選按鈕不會在這裏呈現條目,但's'的第一個激情的選擇更改爲'非常熱情'。

我不知道如何解決這個問題。我正在使用play-bootstrap3,這對我所有其他表單組件都非常有用。

回答

1

它看起來是正確的。所有的字段都使用@b3.radio(levelsForm("interestpassions")...,所以它們都只能綁定到一個表單字段 - 「interestpassions」。

我不知道「播放bootstrap3」的框架,但在平凡的遊戲形式傭工you need to use repeat產生重複字段:

@helper.repeat(userForm("emails"), min = 1) { emailField => 

    @helper.inputText(emailField) 

} 
0

謝謝......我結束了在網上使用尖端從博客去使用此代碼:

@helper.form(action = routes.ResponseController.newPassion) { 

     @for(i <- 0 to interests.length - 1) { 
      @defining(i) { count => 
       @defining(interests(i)) { interest => 
         <span><b>@interest.interest</b></span><br/> 
       @b3.text(levelsForm("interestpassions["+count+"].interest"), 'value -> s"${interest.interest}") 
       @b3.radio(levelsForm("interestpassions["+count+"].level"), options = Seq("1" -> "Not very passionate", "2" -> "A little passionate", 
        "3" -> "Moderately passionate", "4" -> "Very passionate", "5" -> "Extremely passionate"),'_label -> s"", '_inline -> true, 'value -> s"${interest.passionLevel}") 
       } 
      } 
     } 
     @b3.buttonType("submit", 'class -> "btn btn-default"){Next} 
    } 
} 

我使用了一些jQuery來隱藏輸入文本字段作爲此值僅僅指剛正從什麼用戶在前面的問題,一拉的問題回答管道拉。所以前面的答案將作爲pgsql中另一個表的ID插入。我認爲我的案例類定義比twirl模板本身更具問題。

相關問題