0

そのため、データベースにオブジェクトを作成する「アイテムの追加」スクリプトがあります。よく働く。

オブジェクトがデータベースに正常に保存されたら、リスト ビューに追加するビューにそのオブジェクトのクローンを作成したいと思います。編集できるようにDBからIDを受け取りますが、残りは入力フィールドから複製することができます。

これを行う方法の例はありますか? 具体的には、何が成功の引き金になるかを考える助けが必要です。

ありがとう！

4

2 に答える 2

0

これを行う別の方法。非表示の行テンプレートを用意し、その上でJQueryクローンを呼び出し、フィールドに入力してコンテナーに追加します。

HTML

<div id="row-template" style="display:none;">
    <div class="field1" />
    <div class="field2" />
    <div class="field3" />
</div>

JS

var it = 0;   //global
...
$("form").submit(function(){

     var $rowsHolder = $("#rows-holder");

     $.post("/destination",
            $("form").serializeArray(),
            function(data){

            var $row = $("#row-template").clone();
            $row.attr("id", "row"+it);
            $row.css("display","block");
            $row.children(".field1").text(data.id);
            $row.children(".field2").text(dataForm.field1);
            ...
            $rowsHolder.append($row);
            it++;
     });
});
于 2012-07-25T12:19:46.183 に答える
0

何よりもまず、データを送信するフォームがあると思います。AJAXを使用してこのデータを送信していますか、それとも完全なポストバックを実行していますか？

単にAJAXフォーム送信を使用している場合は、$。ajax（{...}）;の成功関数に結び付けることができます。働き。

成功するにはフォームをクリアする必要があると思いますが、質問があいまいなため、例を示します。

$("#myForm").on("submit",function(){
     var formData = {
          field1: $("#inputWhatever").val(),
          field2: $("#inputWhatever2").val()
     };
     $.ajax({
          url: "/dopost/save",
          data: formData,
          success: function(){
               var domToAppend = $("#whateverYouWantToAppendTo");
               domToAppend.append(
                    $("<div>")
                         .addClass("row-container")
                         .append(
                              $("<div>")
                                   .text(formData.field1)
                         )
                         .append(
                              $("<div>")
                                   .text(formData.field2)
                         )
               );
          }
     });
});

そしてそれはあなたのデータを送信し、サーバーからの応答であなたは成功関数からIDを取得することができます。データを取得する方法がわかれば、dom要素の追加は非常に簡単です。

http://api.jquery.com/append/

于 2012-07-24T19:22:32.340 に答える