javascript - 使用jquery刷新表而不通信数据库

Question

我正在为 gridview 使用DataTable jquery api。我的样本如下：

它在底部显示以下表格中的条目总数

Showing 1 to 10 of 10 entries

我使用 jquery 对此 gridview 的删除代码/脚本如下：

$(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

当我删除一个条目时，它必须显示新的条目总数

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

我如何刷新表，而不用通信重置条目总数的数据库，在每次删除时显示底部左侧

Answer 1

使用 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 );

Answer 2

代码，当点击最后一个“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 );
});