JQuery Datatable在同一页面MVC中有多个表

Question

我正在研究JQuery数据表，以便在同一页面上显示多个网格。

虽然从控制器返回数据，但我无法将数据绑定到数据表。此外，我无法在按钮单击事件上重新加载数据表，并且显示数据表已初始化的错误。

请告诉我如何实施。

Answer 1

我认为您需要将JavaScript更新为以下内容：

$('#DetailReportGrid').DataTable({
    'ajax': { // THIS IS REPLACING "DATA"
       "type"   : "POST",
       "url"    : '/path/to/your/URL',
       "data"   : function( data ) {
          return data = JSON.stringify(data);
    },
    columns: [
         { "data": "Date", "autoWidth": true },
         { "data": "Time", "autoWidth": true },
         { "data": "CallerId", "autoWidth": true },
      ]
    });

这里的关键是'ajax'替换代码中的'data'。您甚至可能需要将ajax代码放在DataTable'ajax'位中。我从来没有在ajax调用中创建DataTable - 总是相反。不过，我可能没问题。