仅检索 DataTables 中已修改的行

Question

我呈现一个包含两列的页面，其中一列具有输入字段，另一列具有复选框。 假设我修改了其中一个输入字段中的条目，并取消选中另一行中的复选框。

现在，当我单击“保存”按钮并调用以下代码时，我会收到所有屏幕上的行，但没有使用新值修改其属性（即，我从最初加载表格时获取原始值和状态）。

save: function() {
    var self = this;
    var data = JSON.stringify(this.dataTable.rowData());
    var url = this.urls.saveScreen;
    var ajaxOptions = { url: url, data: data, contentType: "application/json", type: "POST"};
}

是否有不同的调用可用，然后是“this.dataTable.rowData()”，我可以用来接收：

a.) 仅修改的行

b.) 包含在加载表后用户对输入字段所做的更改的行。

Answer 1

您可以为此使用隐藏字段。添加一个隐藏字段，并在表格中更改元素。

$('table > *').change(function(){
    $(this).parent().append('<input type="hidden">changed</input>');
});

现在在检查时，您可以搜索隐藏输入字段值“已更改”的行

假设它是一张桌子：

$('input:hidden :contains("changed"').each(function(){
    var row=$(this).closest('tr');
    var firstElement=row.find('td:eq("0")').text();
    var secondElement=row.find('td:eq("1")').text();
    // and so on
});

此代码未经测试，但它应该为您提供有关事情应该如何工作的解决方法..