1

グリッドビューにDataTable jquery api を使用しています。私のサンプルはここにあります：

ここに画像の説明を入力

下部の次のフォームにエントリの総数が表示されます

Showing 1 to 10 of 10 entries

jqueryを使用したこのグリッドビューの削除コード/スクリプトは次のとおりです。

$(document).ready(function()
{
    $('table#example td a.delete').click(function()
    {
        if (confirm("Are you sure you want to delete this row?"))
        {
            $getCode = $(this).parent().parent().attr('id');
            var parent = $(this).parent().parent();
            $.post("DeleteDepartment", {
                depID:$getCode                   
            }, function(data) {
                if(data.result >0){
                    parent.fadeOut('slow', function() {$(this).remove();});
                }else{
                    alert("Operation Fail");
                }
            });
        }
        else{
            $('div#feedback').html('<div class="cancel"><b>Operation Cancel</b></div>');

        }
    });
});

上記のコードは、グリッド ビューからレコードを正常に削除します。ただし、実際の合計数は示していません。削除後のエントリの。

たとえば、テーブルには現在 10 のレコードがあり、下部に次の形式で表示されます。

Showing 1 to 10 of 10 entries

1 つのエントリを削除すると、エントリの新しい合計が表示される必要があります

Showing 1 to 9 of 9 entries (total entry decrease by one, on every deletion )

エントリの総数をリセットするデータベースと通信せずにテーブルを更新するにはどうすればよいですか。削除するたびに下部の左側を表示します

4

2 に答える 2

0

DataTable API を使用して行を削除します。

http://datatables.net/api

$(document).ready(function() {
  var oTable = $('#example').dataTable();

  // Immediately remove the first row
  oTable.fnDeleteRow( 0 );
} );

またはあなたの場合、

oTable.fnDeleteRow( $(this).index() );

dataTable データ オブジェクトに同じ名前を使用したと仮定します。

編集
さらに良い：

oTable.fnDeleteRow( this );
于 2012-05-11T19:52:09.630 に答える
0

コード、最後の「td」をクリックしたとき -

http://www.datatables.net/forums/discussion/comment/32737#Comment_32737

$("#ffetch tbody tr td:last-child").live('click', function(s) {
     var row = $(this).closest('tr');
     var nRow = row[0];
     $('#ffetch').dataTable().fnDeleteRow( nRow );
});
于 2012-11-04T13:53:23.297 に答える