masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > teks badan

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

小云云
Lepaskan： 2017-12-30 14:07:12
asal
3093 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：
datatable jquery 查询
sumber：php.cn
Artikel sebelumnya：jquery和iframe做一个ajax上传效果实例分享 Artikel seterusnya：jQuery之Position方法使用方法和兼容性详解
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
Artikel terbaru oleh pengarang
Isu terkini
Menggunakan Carian Kabur dan Berkilat dalam R: Panduan Komprehensif Saya cuba menggunakan skrip JS ini dalam jadual data DT (dari tapak web ini: https://datat...
daripada 2024-04-01 14:09:01
0
1
385
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan