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