2017-06-20 2 views
0

を私はセットアップと呼ばれる文字列フィールドを持つJavaオブジェクト製品を持っています。特定のボタンを選択する事前 - HTML Thymeleaf

設定のため、動作が異なります。

私は、ユーザーが実行時にオブジェクトがどのように動作するかを決めることができます。

現在、ユーザは現在の情報をすべて表示していますが、設定が選択ボタンであるため、オプションボックスで選択する現在の設定値を表示する方法をThymeleaf/HTMLに伝えることはできません最初。例えば

:オブジェクトの現在の設定はこれが選択され、最初のユーザーにオプションボックスに表示されることを「中」または「低」または「高」である場合、それは素晴らしいことです。現時点では、オブジェクトにどのような状態があっても、常に「自動」が表示される最初の選択です。

enter image description here

それは私が欲しいものは可能ですか?私はHTMLとThymeleafの新機能です。もう少しやりたいことがあれば、新しい技術者は、この作業をする方法を段階的に教えてください:)(私はCSS、Javaスクリプトなどについて手がかりがありません)

ありがとう、ありがとうございます。私はあなたが選択ボックスのデフォルト選択したオプションを設定したいように思えMVC、ThymleafとSpringBoot、ブートストラップとBootstrap-select.

 <tbody> 
     <!--/*@thymesVar id="productList" type="java.util.List"*/--> 
     <tr th:each="product : ${productList}"> 
      <!--/*@thymesVar id="name" type="java.lang.String"*/--> 
      <td th:text="${product.getProductName()}"></td> 
      <td th:text="${price}"></td> 
      <td><input type="number" th:placeholder="'Current: '+ *{product.getBottom()}" name="bottom"/></td> 
      <td><label><select name="setup" class="selectpicker show-tick" data-width="fit"> 
       <option>Auto</option> 
       <option>High</option> 
       <option>Medium</option> 
       <option>Low</option> 
      </select></label> 
      </td> 
      <td><label class="checkbox-inline"><input type="checkbox" value=""/></label></td> 
     </tr> 
     </tbody> 

答えて

0

を使用しています。はい、真

<option th:selected="${product.setup == 'Medium'}">Medium</option> 
+0

:ような何かを試してみてください。しかし、私はいつも中規模ではなく、Auto、LowまたはHighでもかまいません。 – AnnaKlein

+0

@AnnaKlein他のオプションのパターンを繰り返すか、モデルのすべてのオプションのリストを入れ、 'th:each'でループします。 – holmis83

+0

は正しい方法で私を連れて来ました! – AnnaKlein

関連する問題