首頁 >web前端 >js教程 >關於jQuery Datatable 多個查詢條件自訂提交事件範例分享

關於jQuery Datatable 多個查詢條件自訂提交事件範例分享

小云云
小云云原創
2017-12-30 14:07:123151瀏覽

本文主要介紹了jQuery Datatable 多個查詢條件自訂提交事件的相關資料,需要的朋友可以參考下,希望能幫助到大家。

先寫2個input 分別表示開始時間跟結束時間在寫一個button 點選按鈕讓表格重新刷新程式碼如下

如下所示在datatable設定項目增加如下設定  如果已經有了只需要加入如下的data選項


ajax: {
  url: '/admin/index',
  type: 'POST',
  "data": function ( d ) {
    //添加额外的参数传给服务器
    d.beginDate = $("#datetimepicker1").val();
    d.endDate = $("#datetimepicker2").val();
  }
},
$("#searchsubmit").bind("click", function () { //按钮 点击事件触发table重新请求服务器
  $("#tags-table").dataTable().fnDraw(false);
});

服務端直接$_POST['beginDate'] 就能取得開始時間

#相關建議:

jQuery Datatables表頭不對齊的解決方法

jquery DataTable--前後台動態分頁

#jquery外掛程式datatables屬性介紹及建立分頁、排序​​實例詳解

以上是關於jQuery Datatable 多個查詢條件自訂提交事件範例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn