1.layui 删除一行 或多行 实例代码;(这个是删除表名的行数据,后台并没有删除,自己去实现很好实现的哟)
var DeleteData = [];
var FilterArray = function (DataIndex) {
DeleteData = filter_array(DeleteData);
for (var i = 0; i < DeleteData.length; i++) {
if (DeleteData[i] == DataIndex) {
delete DeleteData[i];
}
DeleteData = filter_array(DeleteData);
}
return DeleteData;
}
function filter_array(array) {
return array.filter(item => item);
}
//单击行勾选checkbox事件
$(document).on("click", ".layui-table-body table.layui-table tbody tr", function () {
var index = $(this).attr('data-index');
var tableBox = $(this).parents('.layui-table-box');
//存在固定列
if (tableBox.find(".layui-table-fixed.layui-table-fixed-l").length > 0) {
tableDiv = tableBox.find(".layui-table-fixed.layui-table-fixed-l");
} else {
tableDiv = tableBox.find(".layui-table-body.layui-table-main");
}
var CheckLength = tableDiv.find("tr[data-index=" + index + "]").find(
"td div.layui-form-checked").length;
//删除的代码如下
if (CheckLength == 0) {
DeleteData.push(index);
} else {
FilterArray(index);
}
///
var checkCell = tableDiv.find("tr[data-index=" + index + "]").find(
"td div.laytable-cell-checkbox div.layui-form-checkbox I");
if (checkCell.length > 0) {
checkCell.click();
}
});
$(document).on("click", "td div.laytable-cell-checkbox div.layui-form-checkbox", function (e) {
e.stopPropagation();
});
//无刷新删除
for (var i = 0; i < DeleteData.length; i++) {
$("tr[data-index='" + DeleteData[i] + "']").remove();
}