我在点击调用Ajax的每一行中都有删除按钮以从数据中删除记录。它正在从数据库中删除记录,删除记录后我想显示保留数据并删除表中的特定行,但它正在改变分页并刷新整个表。
var owner_table = null;
$(document).ready(function () {
owner_table = $('#owners_table').DataTable();
});
function deletehouseowner(oid, rid) {
$.ajax({
dataType: "HTML",
type: "POST",
data: {
"oid": oid
},
url: "houseowner_delete.php",
success: function (msg) {
if (msg === "failure") {
} else {
event.preventDefault();
var table = 'owners_table';
var row = $(this).closest('tr');
var id = row.attr("id");
setTimeout(function () {
var siblings = row.siblings();
owner_table.row($('#row_' + rid)).remove().draw();
siblings.each(function (index) {
$(this).children().first().text(index + 1);
});
}, 100);
}
}
});
}
截图:
答案 0 :(得分:0)
<强>解强>
API方法draw()
接受控制表格更新方式的可选参数。
将false
传递给draw()
功能以保留当前页面,请参阅以下代码:
owner_table.row($('#row_'+rid)).remove().draw(false);
<强>样本强>
请参阅this jsFiddle以获取代码和演示。