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

DataTable在按钮点击时获取数据

1 个答案: