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(); 
    }); 
});