javascript - 我无法使用datatable jquery显示aaData的合计值

在“ fnFooterCallback”中访问aaData的值时遇到问题。

这是log的输出：


  aaData：[对象对象]，[对象对象]，[对象对象]，[对象对象]


确实，我有4行要显示在数据表中，但是我无法访问这些值以显示数据集的总数。

我尝试使用此：

"fnDrawCallback": function(oSettings) {
     console.log("aaData: "+oSettings.aoData );
     iTotal = [0, 0];
     for (var i = 0; i < oSettings.aoData.length; i++) {
         iTotal[0] += oSettings.aoData[i]._aData.quantity;
     }

    //Totales
     $("#Totales").empty();
     $("#Totales").append('<th>sum</th><th>'+iTotal[0]+'</th>');
}

我也尝试这样做：

"fnFooterCallback" : function(nRow, aaData, iStart, iEnd, aiDisplay) {
    console.log("aaData: " + aaData);
    var totalCantidad = 0;
    for ( var i = 0; i < aaData.length; i++) {
        totalCantidad = totalCantidad+ parseInt(aaData[i].Cantidad) * 1;
    }
    var nCells = nRow.getElementsByTagName('th');
    nCells[1].innerHTML = totalCantidad;
}

这是我对数据表的定义：

$("#lineOutletTable").dataTable({
    "bInfo" : false,
    "bPaginate" : false,
    "bLengthChange" : true,
    "iDisplayLength" : -1,
    "bFilter" : false,
    "bSort" : true,
    "aaSorting" : [ [ 0, "asc" ] ],
    "bAutoWidth" : false,
    "oLanguage" : spanishInfo,
    "aoColumns" : columnsTableLine,
    "sPaginationType" : "bootstrap",
    "iDisplayStart" : 20,
    "sScrollY" : "60px",
    "sDom" : "<row-fluid'<'span6 wrapMedidasReales'><'span6 wrapPrecios'>>t<row-fluid'<'span6 'l><'span6'p>>",
    "fnDrawCallback" : function(oSettings) {
        console.log("aaData: " + oSettings.aoData);
        iTotal = [ 0, 0 ];
        for ( var i = 0; i < oSettings.aoData.length; i++) {
            iTotal[0] += oSettings.aoData[i]._aData.quantity;
        }
        // Totales
        $("#Totales").empty();
        $("#Totales").append('<th>sum</th><th>' + iTotal[0] + '</th>');
    },
    "fnFooterCallback" : function(nRow, aaData, iStart, iEnd, aiDisplay) {
        console.log("aaData: " + aaData);
        var totalCantidad = 0;
        for ( var i = 0; i < aaData.length; i++) {
            totalCantidad = totalCantidad + parseInt(aaData[i].Cantidad) * 1;
        }
        var nCells = nRow.getElementsByTagName('th');
        nCells[1].innerHTML = totalCantidad;
    }
});

我从Ajax读取了值，除了总数，数据集可以正常工作。

如何访问aaData中的值？

最佳答案

理解您想确切执行的操作有点困难，因为您没有包括表的html部分以及ajax调用的结果。因此，我不知道您想在哪里显示总计。

看一下这段代码：

$(function() {
  totals = 0;
  var otable = $("#datatable").dataTable({
    "fnFooterCallback": function(nRow, aaData, iStart,
      iEnd, aiDisplay) {
      x = aaData;
      $.each(x, function(key, value) {
        totals = totals + parseInt(value[1]);
      })
      $("#Totales").empty();
      $("#Totales").append('Totals: ' + totals);

    }
  });
});

而这个Plunker

这至少应该给您一个提示，以提示您如何访问aaData。也许以塞子为基础，并填写完整的定义。然后，我们有了一个更好的起点。

关于javascript - 我无法使用datatable jquery显示aaData的合计值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21934275/