次のような select タグを使用してフォームを作成しています。
<form th:object="${version}" method="post" class="form-horizontal">
...
<div class="control-group" th:classappend="${#fields.hasErrors('product')} ? 'error'">
<label class="control-label" for="product" th:text="#{version.product}">Product</label>
<div class="controls">
<select id="product" th:field="*{product}">
<option value="" th:text="#{common.select.prompt}"></option>
<option th:each="p : ${productList}" th:value="${p.id}" th:text="${p.name}"></option>
</select>
<span class="help-inline" th:errors="*{product}"></span>
</div>
</div>
...
</form>
DomainClassConverter
のクラスは、フォームを送信するときに選択したものをエンティティにSpring Data JPA
自動変換するのに役立ちます。また、null であってはなりません (クラスのフィールドで使用しています。id
Product
product
@NotNull
product
Version
私が抱えている問題 - データを編集するために戻ったときに、Product
が選択されていません。
このように変更するとselect
(th:field
およびth:errors
):<-- p.s. is not a sad smile
<select id="product" th:field="*{product.id}">
<option value="" th:text="#{common.select.prompt}"></option>
<option th:each="p : ${productList}" th:value="${p.id}" th:text="${p.name}"></option>
</select>
<span class="help-inline" th:errors="*{product.id}"></span>
その後、編集するために戻ったときに選択されますが、バリデーターは機能しません (product
選択された id が であっても、常にインスタンス化されますnull
)。
非常に一般的なシナリオ (リストからエンティティを選択する) のように見えますが、見栄えの良い例は見つかりません。秘密の知識を共有してください。