jquery - dataTables .row( ) 不是服务器端处理行详细信息的函数

标签 jquery function datatables row

 function format ( d ) {
return 'Full name: <br>'+
       'Salary:<br>'+
       'The child row can contain any data you wish, including links, images, inner     tables etc.';
  }

 $(function() {
 var dtable = $('#table_echipamente').dataTable( {
    "processing": true,
    "serverSide": true,
    "ajax": {
        "url": "inc/table_echipamente.php",
        "type": "POST"
    },
    "columns": [
        {
            "class":          "details-control",
            "orderable":      false,
            "data":           null,
            "defaultContent": ""
        },
        { "data": "beneficiar" },
        { "data": "distribuit" },
        { "data": "data_distribuit" },
        { "data": "denumire" },
        { "data": "nr_inventar_nou" },
        { "data": "nr_inventar_vechi" },
        { "data": "gestionar" },
        { "data": "observatii" },
        { "data": "optiuni" }
    ],
    "order": [[1, 'asc']]

  });

  // Array to track the ids of the details displayed rows
  var detailRows = [];

  $('#table_echipamente tbody').on( 'click', 'tr td:first-child', function () {
    var tr = $(this).closest('tr');
    var row = dtable.row( tr );
    var idx = $.inArray( tr.attr('id'), detailRows );

    if ( row.child.isShown() ) {
        tr.removeClass( 'details' );
        row.child.hide();

        // Remove from the 'open' array
        detailRows.splice( idx, 1 );
    } else {
        tr.addClass( 'details' );
        row.child( format( row.data() ) ).show();

        // Add to the 'open' array
        if ( idx === -1 ) {
            detailRows.push( tr.attr('id') );
        }
    }
   } );

  // On each draw, loop over the `detailRows` array and show any child rows
  dtable.on( 'draw', function () {
    $.each( detailRows, function ( i, id ) {
        $('#'+id+' td:first-child').trigger( 'click' );
      } );
  } );



  } );

当我点击打开按钮时出现以下错误:

TypeError: dtable.rows is not a function

我做错了什么?我按照官方网站上的示例进行操作。我找不到类似的问题,所以很奇怪。

最佳答案

我遇到了同样的问题,只是通过堆栈溢出的答案解决了它。使用 DataTable() 而不是 dataTable()。方法 row().child() 不适用于 dataTable()。所以你将拥有:

var dtable = $('#table_echipamente').DataTable( {})

而不是

var dtable = $('#table_echipamente').dataTable( {})

关于jquery - dataTables .row( ) 不是服务器端处理行详细信息的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24510679/

相关文章:

Jquery 数据表与 Prototype 冲突

javascript - 具有多个元素的 SVG 悬停状态

jquery - IOS HTML5 应用程序 - Jquery slider 也允许单击操作

python - 将文本转换为其行列表

JavaScript 函数来验证复选框

javascript - datatable column.search() 没有使用过滤我的表

javascript - 动态更新 jQuery jqPlot 的 canvasOverlay 属性

c - 我应该使用哪种类型的函数?

javascript - DataTables FixColumns 扩展 - 左上角单元格上有额外边框

javascript - 数据表页面更改回调