当前位置:   article > 正文

JQuery DataTable 详解_jquery datatable 视频详解

jquery datatable 视频详解

之前博主介绍过一种submit局部刷新的办法,但是单单对于table刷新而去绑定form提交显得太过冗重麻烦,今天介绍下jquery dataTable自带的插件fnReloadAjax实现ajax异步请求刷新表格数据的方法。

前提准备:导入fnReloadAjax.js,附上下载链接
https://pan.baidu.com/s/1qYRMX9i

第一:实现的效果就是根据查询条件点击查询按钮刷新表格数这里写图片描述

1、查询按钮

<button onclick="queryStation()">查询</button>
  • 1

2、初始化表格

$("#stationTable").DataTable({
                //表格基本配置,根据自己需求设置
                "paging" : true,
                "lengthChange" : true,
                "searching" : false,
                "ordering" : false,
                "info" : true,
                "autoWidth" : false,
                "bStateSave" : true,
                "bFilter&
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/爱喝兽奶帝天荒/article/detail/962774
推荐阅读
相关标签
  

闽ICP备14008679号