我正在使用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页面
我使用了pastebin,因为在这里尝试格式化代码太烦人了。
答案 0 :(得分:0)
我发现您的代码几乎可以正常工作,只需进行一项小改动即可实现明确的功能:
function clearRows(tableClass) {
var table = $(tableClass);
$.tablesorter.clearTableBody(table);
table.trigger('update');
}
清除表正文后调用update
很重要,否则下次添加任何行时都会返回。