0
我有两个数据表。一个是“选择表”,它有一个带有复选框的列。选中此复选框后,行数据将添加到“预览表”中。当该复选框未被选中时,它应该从预览表中删除该行。Datatables从另一个表中删除行
我的问题是,从框中取消选中实际上摆脱了预览表中的“所有”行。
$('#selectNodesTable tbody').on('click', 'tr #nodeToAdd', function() {
var row = ($(this)).closest('tr');
var rowObj = nodeTable.row(row).data();
console.log(rowObj);
if (($(this)).is(':checked')) {
nodePreviewTable.row.add(rowObj);
nodePreviewTable.draw();
} else {
// THE BELOW STATEMENT DELETES ALL ROWS FROM THE PREVIEW TABLE
nodePreviewTable.row().remove(rowObj);
nodePreviewTable.draw();
}
});
看到一个ID作为点击事件的目标选择器是非常可疑的,因为ID不能在页面中重复。也非常怀疑这两个对象在两个表中都是相互引用的。建议您在jsfiddle.net或plnkr.co中创建演示。可以将cdn资源用于数据表js和css – charlietfl