Jquery datatable 选中复选框后,所有行都应传输到新的 jquery 数据表



我有两个数据表,第一个数据表,当选中复选框时,行被传输到一个新的jquery数据表。选中复选框时,我也有一个 chk all 复选框,我希望将所有表行传输到另一个数据表。

这是两个表格

var primaryTable = $('#tblProveedorToTransfert').DataTable({
//code that generates datatable 
});
var secondTable = $('#tblProveedorTransferd').DataTable({ 
//code that generates datatable 
});

这是应将所有行传输到另一个表的代码。但是,仅传输视觉上可见的行,而不是所有页面上的所有行。

$('#chkAll').click(function (e) {
$(this).closest('table').find('td input:checkbox').prop('checked', this.checked);
$('#tblProveedorToTransfert tbody').find('input[type="checkbox"]').each(function () {
var alereadyAdded = false;
if ($(this).is(":checked")) {
for (var i = rowsIDs.length - 1; i >= 0; i--) {
if (rowsIDs[i] === $(this).attr("data-id"))
{
alereadyAdded = true;
}
}
if (alereadyAdded === false)
{
rowsIDs.push($(this).attr("data-id"));
}
}
else {
for (var i = rowsIDs.length - 1; i >= 0; i--) {
if (rowsIDs[i] === $(this).attr("data-id")) {
rowsIDs.splice(i, 1);
}
}
}
secondTable.ajax.reload();
});
});

我必须在代码中修改什么才能传输所有行,而不仅仅是可见行。谢谢你的帮助。

  1. 在数据源中为表创建另一列,以存储复选框状态(例如:requestTransfer(
  2. 附加事件 单击每个复选框,每当复选框状态更改时,更新步骤 1 中新添加的列/字段。
  3. 呈现
  4. 复选框时,加载该字段的值,并呈现复选框状态
  5. 进行复制时,请检查新添加的列以查看是否需要复制该行。

最新更新