Rumah > hujung hadapan web > tutorial js > 关于jQuery Datatable 多个查询条件自定义提交事件示例分享

关于jQuery Datatable 多个查询条件自定义提交事件示例分享

小云云
Lepaskan: 2017-12-30 14:07:12
asal
3146 orang telah melayarinya

本文主要介绍了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);
});
Salin selepas log masuk

服务端直接$_POST['beginDate'] 就能获取开始时间

相关推荐:

jQuery Datatables表头不对齐的解决办法

jquery DataTable--前后台动态分页

jquery插件datatables属性介绍及创建分页、排序实例详解

Atas ialah kandungan terperinci 关于jQuery Datatable 多个查询条件自定义提交事件示例分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan