java - Spring 動的 (拡張可能) リストフォーム

Question

春の動的フォームに問題があります。このフォームでは、タイトルを指定し、いくつかの質問を追加します。jqueryを使って質問入力フォームを追加する「追加」ボタンを用意しました。

私たちのフォームには、要求されたときに 1 つの質問フィールドがあります。「追加」ボタンが押されるたびに、余分なフィールドが追加されます。送信時に、余分なフィールドが送信されていないようです (最初のフィールドはコントローラーによって受信されます)。受信されていない余分なフィールドが送信されているのはなぜですか?

私のコードは、この動的バインディングリストの例に大まかに基づいています。

私のモデルは、「タイトル」と「リサーチクエスチョン」のリストを持つクラス「レポート」で構成されています。
2 つのモデルクラスの短いバージョンを以下に示します。Roo がすべてのゲッターとセッターを処理します

@Entity
@RooJavaBean
@RooEntity
public class Report{
    @Id
    @GeneratedValue(strategy = GenerationType.AUTO)
    @Column(name = "id")
    private Long id;

    @NotEmpty
    private String title;

    @OneToMany(mappedBy="report")
    private List<Researchquestion> researchquestions;
}



@Entity
@RooJavaBean
@RooEntity
public class Researchquestion {
    @Id
    @GeneratedValue(strategy = GenerationType.AUTO)
    @Column(name = "id")
    private Long id;    
    @NotEmpty
    private String question;
}

ここにフォームのjspx

<div xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:form="http://www.springframework.org/tags/form"
    xmlns:jsp="http://java.sun.com/JSP/Page"
    xmlns:fn="http://java.sun.com/jsp/jstl/functions"
    xmlns:spring="http://www.springframework.org/tags"
    version="2.0">
    <jsp:output omit-xml-declaration="yes"/>

    <spring:url value="/admin/report/appendquestion" var="insert_url"/>

    <script type="text/javascript">
    $(document).ready(function() {
        var questionPosition = 0;
        $("#addQuestionButton").click(function() {
            questionPosition++;

            $.get("${insert_url}", { fieldId: questionPosition},
                function(data){
                    $("#insertAbove").before($(data));
            });
        });
    });
    </script>

    <div class="list_overview_box span-19">
        <spring:url value="/admin/report/" var="form_url"/>
        <div class="list_overview_content">
            <table>
                <form:form action="${form_url}" method="post" modelAttribute="report">
                    <tr>
                        <th class="span-3">Veld</th>
                        <th>Waarde</th>
                        <th class="span-5">Errors</th>
                    </tr>

        <!-- Title -->
                    <tr class="row">
                        <td class="vmiddle aleft">Title</td>
                        <td><form:input path="title" /></td>
                        <td></td>                           
                    </tr>

           <!-- the "add" button -->
                    <tr class="row">
                        <td class="vmiddle aleft">Researchquestions</td>
                        <td colspan="2"><input type="button" id="addQuestionButton" value="Add question" /></td>
                    </tr>
           <!-- First Researchquestion -->
                    <spring:bind path="researchquestions[0].question">
                        <tr class="row">
                            <td class="vmiddle aleft">Question 1</td>
                            <td><form:input path="${status.expression}" /></td>
                            <td></td>                           
                        </tr>
                    </spring:bind>

        <!--  Save button, extra question's are added here -->
                    <tr id="insertAbove" class="row">
                        <spring:message code="button.save" var="form_submit"/>
                        <td colspan="3"><input id="proceed" type="submit" value="${form_submit}" /></td>
                    </tr>   
                </form:form> 
            </table>
        </div>
    </div>
</div>

以下は、jquery .get リクエストの後にコントローラーが返すページ<spring:bind>です。上記のフォームと同じように使用する必要があると思います。ただし、これを行うと、エラーが発生します。

java.lang.IllegalStateException: Bean 名 'researchquestions[1]' の BindingResult もプレーンターゲットオブジェクトも要求属性として使用できません

appendquestion.jspx

<jsp:root version="2.0"
    xmlns:jsp="http://java.sun.com/JSP/Page"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:tiles="http://tiles.apache.org/tags-tiles"
    xmlns:form="http://www.springframework.org/tags/form"
    xmlns:spring="http://www.springframework.org/tags"
    xmlns:roo="urn:jsptagdir:/WEB-INF/tags" >

    <tr class="row">
        <jsp:directive.page contentType="text/html;charset=UTF-8" />   

        <td class="vmiddle aleft">Question ${questionNumber +1}</td>
        <td>
            <form:input path="report.researchquestions[${questionNumber}].question" size="40" />
        </td>
        <td></td>
    </tr>

</jsp:root>

ここで、コントローラーの関連する @ModelAttribute および @requestmapping メソッド @ModelAttribute メソッドは、AutoPopulatingList のインスタンス内のリストを確認しますが、これが必要かどうかはよくわかりません。（POST）メソッド
に追加@RequestParam Map formdataすると、フォームデータには含まれますが、「追加」ボタンを押した後に追加された他の質問フィールドは含まれませんcreate()researchquestions[0].questionresearchquestions\[1\].question

@ModelAttribute("report")
public Report getReport(Long id) {
    Report result;
    if(id != null){
        result = Report.findReport(id);
    } else{
        result = new Report();
    }

    //Make sure the List in result is an AutoPopulatingList
    List<Researchquestion> vragen = result.getResearchquestions();
    if(vragen == null){
        result.setResearchquestions(new AutoPopulatingList<Researchquestion>(Researchquestion.class));
    } else if(!(vragen instanceof AutoPopulatingList)){
        result.setResearchquestions(new AutoPopulatingList<Researchquestion>(
                vragen, Researchquestion.class));
    }

    return result;
}

/**
 * Aanmaken Report
 * @param report
 * @param result
 * @param modelMap
 * @return
 */
@RequestMapping(method = RequestMethod.POST)
public String create(@Valid @ModelAttribute("report") Report report,
        BindingResult result, ModelMap modelMap) {

    if (report == null) throw new InvalidBeanException("A report is required");

    if (result.hasErrors()) {
        modelMap.addAttribute("report", report);
        return "admin/report/create";
    }

    report.persist();

    //create questions
    for(Researchquestion question : report.getResearchquestions()){
        question.setProfielwerkstuk(report);
        question.persist();
    }

    report.merge();
    return "redirect:/admin/report";
}

@RequestMapping(value = "/appendquestion", method = RequestMethod.GET)
public String appendResearchquestionField(@RequestParam Integer fieldId, ModelMap modelMap){
    modelMap.addAttribute("questionNumber", fieldId);
    return "admin/report/appendquestion";
}

追加情報(Ralph の要求による)

Spring が生成する HTML の下に、デフォルトでは researchquestions[0].question という形式があり、「追加」ボタンを押すと researchquestions[1].question が追加されます。

 <tr class="row">
    <td class="vmiddle aleft">Question 1</td>
    <td>
        <input id="researchquestions0.question" type="text" value=""
             name="researchquestions[0].question">
    </td>

    <td></td>
</tr>

<tr class="row">
    <td class="vmiddle aleft">Question 2</td>
    <td>
        <input id="researchquestions1.question" type="text" size="40" value="" name="researchquestions[1].question">
    </td>
    <td></td>
</tr>

ライブ HTTP ヘッダーからの関連情報の下
に、「タイトル」フィールドに「これはタイトルです」、「質問 1」フィールドに「これは最初の質問です」、「質問」には「これは 2 番目の質問です」を挿入しました。 2" フィールド (「追加」ボタンを押して追加されたものです。

researchquestions[0].question が送信されていることは明らかですが、researchquestions[1].question は POST リクエストでまったく送信されていません。

Content-Type: application/x-www-form-urlencoded
Content-Length: 73
   title=This+is+the+title&researchquestions%5B0%5D.question=This+is+the+first+question

私の疑惑 最初の質問 (デフォルトではフォームにあります) と後続の質問の違いは、最初の質問では使用<spring:bind>し、後続の質問では使用しないことです。最初の質問のタグを外す<spring:bind>と、researchquestions[0] も送信されません。

上で説明したように<spring:bind>、appendquestion.jspx にを追加すると、IllegalStateException が発生します。researchquestions[1] 春は代わりにオブジェクトを検索するようですreport.researchquestions[1]

java.lang.IllegalStateException: Bean 名 'researchquestions[1]' の BindingResult もプレーンターゲットオブジェクトも要求属性として使用できません

score 2 · Accepted Answer

フォームが正しく送信されない理由がわかりました。firebug で次の HTML に気付きました。

<form id="researchquestion" method="post" action="/site/admin/researchquestion/"></form>

フォームタグがすぐに閉じられるため、Spring によって生成された HTML が正しくありませんでした。これは、フォームがテーブル内にあり<table>、<form:form>タグを切り替えて問題を修正したためと思われます。

元のコード

<table>
    <form:form action="${form_url}" method="post" modelAttribute="report">
         <!--  Code here -->  
    </form:form> 
</table>

作業バージョン

<form:form action="${form_url}" method="post" modelAttribute="report">
    <table>
         <!--  Code here -->  
    </table>
</form:form>

では、や<table>などのテーブル関連のタグのみを使用できます。これがおそらく、Spring がすぐにタグを閉じた理由です。<tr> <th><td><form>

java - Spring 動的 (拡張可能) リストフォーム

1 に答える 1

元のコード

作業バージョン

Related

Reference