按钮点击事件更改dataTable Ajax源
来源:互联网 发布:samsung gear软件下载 编辑:程序博客网 时间:2024/06/07 02:47
在做查询页面时通常会用dataTable来实现,dataTable默认在表头正上方会显示输入框,该输入框与表头相对应,输入信息可实现动态查询,表头的右上方是搜索输入框,输入信息可实现所有表头相关的动态查询。
dataTable默认的查询很方便,但是如果查询条件不在定义的表头中,而且希望输入查询条件,点击查询按钮进行查询,这样就需要刷新dataTable的"sAjaxSource"参数,该参数定义了服务器端处理页面,并从该页面返回查询数据。可通过如下设置实现。
1、页面初始化
oTable = $('#pt_table').dataTable({ "bProcessing": true,//当datatable获取数据时候是否显示正在处理提示信息 "bServerSide": true,// 服务器端进行处理 "bPaginate": true, //是否分页 "bLengthChange": true, //是否允许用户自定义每页显示条数 <strong>"sAjaxSource": "finder_ajax.php"</strong>, //查询命令 ...... });2、实现按钮点击事件
//查询按钮点击事件function onSearch() { //组合查询条件为json字符串 var json='{"state":"'+document.getElementById("state").value+'"}'; //动态改变Ajax源 oTable.fnSettings().sAjaxSource='finder_ajax.php?jsonstr='+json; oTable.fnDraw();}
0 0
- 按钮点击事件更改dataTable Ajax源
- 自定义按钮点击事件
- 点击按钮事件
- android 按钮点击事件
- Android按钮点击事件
- Android按钮点击事件
- 添加按钮点击事件
- 3.按钮点击事件
- 监听按钮点击事件
- 点击按钮事件穿透
- 按钮点击事件cocos2dx
- cocos2dx点击按钮更改按钮图片
- android 点击事件 按钮事件
- recyclerview点击事件与点击更改颜色
- 回车与按钮点击事件
- 按钮点击触发哪些事件
- 回车与按钮点击事件
- android 点击返回按钮事件
- JS控制台console
- svn: Can't convert string from 'UTF-8' to native encoding: 解决办法
- 数据结构之顺序表
- android微信分享要注意的地方
- Textview 单行显示
- 按钮点击事件更改dataTable Ajax源
- 图像插值算法--SAI算法介绍
- 鸡啄米vc++2010系列19(常用控件:静态文本框)
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器第二次无法加载的问题
- iOS蓝牙4.0开发(二)iOS设备之间的通讯
- 用C#语言泛化单件模式
- Axure RP Pro 7.0 使用入门
- 中国智能机市场增速放缓 苹果三星小米均受影响
- swift学习:13.闭包