首页 >web前端 >js教程 >关于jQuery Datatable 多个查询条件自定义提交事件示例分享

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

小云云
小云云原创
2017-12-30 14:07:123129浏览

本文主要介绍了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