Tablesorter清除表数据

时间:2015-06-01 13:41:38

标签: javascript jquery tablesorter

我正在使用tablesorter插件,我正在尝试创建一个清除所有数据表的函数,但我似乎无法让它工作。这是我目前的javascript。

JAVASCRIPT

var $table = $('#distributorTable');
$.tablesorter.clearTableBody( $table[0] );
$table.trigger('update');

JAVASCRIPT

function sortName(){

var $table = $('#distributorTable');
$.tablesorter.clearTableBody( $table[0] );

var sortDirection = "";

if (document.getElementById('setSortDirection').value == ""){

    sortDirection = "asc";
    document.getElementById('setSortDirection').value = "asc";
}
else if (document.getElementById('setSortDirection').value == "asc"){

    document.getElementById('setSortDirection').value = "desc";
    sortDirection = "desc";
}
else if (document.getElementById('setSortDirection').value == "desc"){

    document.getElementById('setSortDirection').value = "asc";
    sortDirection = "asc";
}

var offset = document.getElementById('offset').value;

$.get("ajax-content.php", { offset: offset, sortDirection: sortDirection, sortType: "name"}, 

function(html) {

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

  var resort = true;
  $("table").trigger("update", [resort]);

  document.getElementById('setSort').value = "name";

});

return false;
}

AJAX页面

http://pastebin.com/b7T7ViAi

我使用了pastebin,因为在这里尝试格式化代码太烦人了。

1 个答案:

答案 0 :(得分:0)

我发现您的代码几乎可以正常工作,只需进行一项小改动即可实现明确的功能:

function clearRows(tableClass) {
    var table = $(tableClass);
    $.tablesorter.clearTableBody(table);
    table.trigger('update');
}

清除表正文后调用update很重要,否则下次添加任何行时都会返回。