春MVCでリストバックエンドオブジェクトを動的行テーブルフォームにバインドする方法

Question

春MVCでオブジェクトを作成するためにリストオブジェクトを動的行テーブルjstlフォームにバインドしたいとします。テーブルには3つのボタンがあります：1_submit 2_add row 3_delete row

（行を追加）または（行を削除）ボタンをクリックすると、ユーザーはリストに要素を追加または削除できます。それは例を挙げて行われますか？ありがとう。

Answer 1

http://bootsnipp.com/snippets/featured/dynamic-table-row-creation-and-deletion

このようにしてください。

<div id="add_input_list"> 
     <div class="inputs"> 
      <!-- put your item --> 

     </div> 
    </div> 

スクリプト

機能を追加します。

var html = '<div>' + '<div class="inputs">'+ '<div>your item</div>'+ '</div>' </div>' 

$("#add_input_list").append(html); 

var index = $("#add_input_list").children() 
       .children().size(); 

if ($("#add_input_list").children().children().size() > index) { 
    $("#add_input_list").children().last().remove(); 
} else { 
    alert('Do not exist to add row.'); 
} 

機能を削除