DataTableはボタンクリックでデータを取得します

Question

私のアプリケーションでサーバーサイドの処理を行うjQuery DataTablesプラグインを使用しています。現在のところ、 ドキュメントが準備完了すると、テーブルは初期化され、データがロードされます。コードは次のようになります。

jQuery(document).ready(function() { 
    var table = DataTables.create("#projectTable", parameters, { 
        ajax: { 
         url: 'project/search.do', 
         data: function(d) { 
           d.numberOfColumns = 6 
           d.submittedOnStart = jQuery("#date1").val(), 
           d.submittedOnEnd = jQuery("#date2").val()       
         }, 
         dataSrc: "rows", 
         type: 'GET' 
        }, 
        columns: getColumns(), 
        "columnDefs": getColumnDefs() 
       }); 
}); 

これは問題なく動作します。しかし、テーブルをドキュメントの準備ができたら初期化するように変更したいのですが、データはボタンクリックで読み込まれます。私はLoad DataTable data through button Clickを調べましたが、私の場合はうまくいきません。これを行う方法はありますか？

Answer 1

.urlと.loadを使用して、ボタンをクリックしてテーブルを更新する。

jQuery(document).ready(function() { 
    var table = DataTables.create("#projectTable", parameters, { 
    ajax: { 
     url: 'project/search.donot', 
     data: function(d) { 
     d.numberOfColumns = 6 
     d.submittedOnStart = jQuery("#date1").val(), 
      d.submittedOnEnd = jQuery("#date2").val() 
     }, 
     dataSrc: "rows", 
     type: 'GET' 
    }, 
    columns: getColumns(), 
    "columnDefs": getColumnDefs() 
    }); 
    $('#thisbutton').click(function() { 
    // you can reload your data here. You can call a different file if you need to change the data returned 
    table.ajax.url("project/search.do").load(); 
    }); 
});