如何使用 jQuery Datatables 将所有网格值一次性提交到服务器？

Question

我希望将网格中的所有数据保存到服务器。我正在使用 jquery 数据表插件。

function fnSave() {
    var aTrs = oTable.fnGetNodes();
    var aReturn = new Array();

    for(var i=0;i<aTrs.length;i++) {
        var aData=oTable.fnGetData(i);
        aReturn.push( aData );
    }

    console.log(aReturn);
}

作为回报，我得到：

"<input name="regimentNameAgents" value="" id="regimentNameAgents" type="text">"
...

我只想返回网格值（而不是 HTML）。

通过使用这个函数，我的值始终是：value=""，即使我在输入中添加文本，为什么？

有没有更好的方法来提取所有网格数据？

Answer 1

存储在 JDataTable 中的数据不是 DOM 中当前的数据，而是您最初设置它的数据。因此，当您更新输入时，DOM 元素也会更新，但没有挂钩来更新 jdatatable 中保存的数据。我会构建更像这样的网格：

var grid = new Array();
$("table tr").each(function() {
    var nextRow = new Array();
    grid.push(nextRow);
    $("td", this).each(function() {
        var nextValue = $("input", this).val();
        nextRow.push(nextValue);
    });
});

然后 grid 变量应该存储完整的数据表。我对你如何在那里构建你的表格做了一些假设，因为它没有发布，但我猜这与你所得到的相当接近。

Answer 2

通过使用数据表 fnGetNodes，解决方案如下：

function fnSave() {

                   var aTrs = oTable.fnGetNodes();
                   var aReturn = new Array();

                   $(aTrs).each(function() {
                      var nextRow = new Array();
                      aReturn.push( nextRow );

                      $("td", this).each(function() {
                      var nextValue = $("input", this).val();
                      nextRow.push(nextValue);
                      });
                    });                  

                 console.log(aReturn);
}