thymeleafのネストされたオブジェクト

私はthymeleafを使用してフォームを作成しようとしています。私のエンティティにはオブジェクトのCollection（List）が含まれています。私はこのケースのために適切なフォームを構築するのに苦労しています。thymeleafのネストされたオブジェクト

これは私の実体である：

@Entity 
public class Owner { 

    @Id 
    @GeneratedValue 
    private int id; 
    @Column(name = "first_name") 
    private String firstName; 
    @Column(name = "last_name") 
    private String lastName; 

    @OneToMany(cascade = CascadeType.ALL, mappedBy = "owner") 
    private List<Phone> phones; 
    @OneToMany(cascade = CascadeType.ALL, mappedBy = "owner") 
    private List<Pet> pets; 

//getterss and setters

これはPet.class

@Entity 
public class Pet { 

    @Id 
    @GeneratedValue 
    private int id; 
    @Column(name = "pet_name") 
    private String petName; 

    @ManyToOne 
    @JoinColumn(name = "owner_Id") 
    private Owner owner; 

//getters and setters

であり、これは、フォームを構築するための私のhtmlファイルです：

<!DOCTYPE html> 
<html xmlns:th="http:/www.thymealeaf.org"> 
<head> 
<meta charset="ISO-8859-1"></meta> 
<title>Add new owner to database</title> 
</head> 
<body> 
    <div id="form"> 
     <form th:action="@{/addOwner.do}" th:object="${Owner}" method="post"> 

      <label for="firstName">First Name: </label> 
      <input type="text" th:field="*{firstName}" /> 

      <label for="lastName">Last Name:</label> 
      <input type="text" th:field="*{lastName}" /> 

      <!-- Here is the core problem --> 
      <label for="pets">Pet Name: </label> 
      <input type="text" th:each="pet : *{pets}"/> 

      <input type="submit" value="add" /> 
     </form> 
    </div> 
</body>

ので、私は」これと苦労している：

<!-- Here is the core problem --> 
       <label for="pets">Pet Name: </label> 
       <input type="text" th:each="pet : *{pets}"/>

私の問題は、petNameプロパティの入力を行うことができるように、フォーム内部のListコレクション内のPetオブジェクトにアクセスする方法がわかりません。

//編集するか、これを行う別の方法がありますか？明白な方法は、オブジェクトをデータベースに追加する前に、フォームから文字列を取得してから、コントローラで文字列をペット名に変換することです。

出典

2016-07-28 filemonczyk

あなたはこれを試してみて、私はこれがあなたのために

<div th:each="pet, stat : *{pets}"> 
    <input type="text" th:field="*{pet[__${stat.index}__].petName}" /> 
</div>

出典

2016-07-28 14:58:39

を働いていた場合、それは動作しません知らせることができ、この解決のための「入力フィールド」はありません、私は <ためのラベルでこれを解決してきました= "pets [0] .petName">ペットの名前：これは、 relaationをOneToManyを役に立たないものにするにもかかわらず、ここで最良の解決策は、Javaスクリプトを使用して動的に生成されるフォームなので、同じページで「次のペットを追加」をクリックすることができます。、fo今r。 – filemonczyk

生成されたペットをリストに表示しませんか？ –

いいえ、それはデータベースへの入力フォームですが、エンティティのプロパティを表示するつもりはなく、作成してデータベースに保存するだけです – filemonczyk

thymeleafのネストされたオブジェクト

答えて

関連する問題