同じページ内のJQuery Datatable複数のテーブルMVC

Question

同じページに複数のグリッドを表示するためにJQueryデータテーブルを作成しています。

データがコントローラから返されても、データセットにバインドされたデータを取得できません。また、私はボタンクリックイベントでdatatableをリロードすることができませんし、datatableが既に初期化されていることを示すエラーが表示されます。

これをどのように実装できるか教えてください。

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」置き換え「データ」です。 DataTableの 'aj​​ax'ビットにAjaxコードを入れる必要があるかもしれません。私は、DataTableの作成をajax呼び出しの中に入れたことはありません。しかし、私は大丈夫かもしれません。