1

送信時にテーブルに行を追加するフォームがあります。

<form id="scan_form" name="scan_form" method="post" action="/cgi-bin/app/app.pl" onsubmit="return checkout('f00b@r');">

補足
既存の機能を「乱す」ことなく、次のように送信機能を追加/追加したい:

$("#scan_form").submit(function() {
    //clone row and add to hidden table.
});

行を追加するときに、同じ行を別の非表示のテーブルに追加して印刷したいと思います。

この同じ行を別のテーブルに追加する関数をテーブルにバインドする必要があると思っていますが、スタックしています。以下のSO質問をテンプレートとして使用して、この最新の行をキャプチャするにはどうすればよいですか?

追加されたテーブル行をリッスンする

$('#table_id').bind('rowAddOrRemove', function(event){
    //do what you want.
});

テーブルはアルファベット順にソートされているため、最新の行が必ずしも最後の行であるとは限りません。

更新
このアイデアを試してみてください:

ステップ1:既存のすべての行のIDを「oldRow」に設定します

$( '#loanTable tr' ).attr("id", "oldRow");

ステップ2:上記のクローンテーブル:

var lbl = $("#loanTable tbody");
var newLbl = $(lbl[0].outerHTML);

手順3:IDが「oldRow」の行を削除する

$(".oldRow", newLbl).remove();

あなたが推測したように、それはすべてを削除しました。これらのドットを接続するにはどうすればよいですか?

UPDATE 2
どうすれば次のことができますか?

$('#table_id').bind('rowAddOrRemove', function(event){
        //add attribute print to 'this' row.
});

テーブルに追加された新しい行にラベルを付けたい。

4

1 に答える 1

1

「.newRow」など、いくつかのクラスで新しい行を作成しようとすることができます。イベントでは、次の挿入に備えてこのクラスを削除する必要があります。

$('#table_id .newRow').trigger('rowAddOrRemove');

$('#table_id').bind('rowAddOrRemove', function(event){
   //do what you want.
   $(this).removeClass('.newRow');
});
于 2012-10-10T00:01:52.183 に答える