jqgrid 自定义文本框、选择框等查询
2024-08-24 16:02:46
要实现jqgrid的自定义查询可通过表格获取查询的条件,再给jqgrid表格发送postData参数。
HTML:
<table id="querytable" border="0" cellspacing="0" cellpadding="0" class="table">
<tr>
<td>
<label>性别:</label>
</td>
<td>
<select id="sex" name="sex">
<option value="1">男</option>
<option value="2">女</option>
</select>
</td>
</tr>
<tr>
<td>
<label>部门</label>
</td>
<td>
<input type="text" id="department" name="department">
</td>
</tr>
</table>
Js:
$("#find").click(function () {
var queryParams = jgGrid.getGridParam(); //取到jqgrid的参数
queryParams["postData"].params = $("#querytable").formobj(); //把查询条件表格的数据给过去
$("#list2").jqGrid('setGridParam', { //jqgrid表格执行方法把条件参数传过去
datatype:'json' ,
postData:queryParams
}).trigger('reloadGrid'); //刷新表格
});
这样写了之后,还得在sql语句中加入if判断:
<select id="selectAll" parameterType="java.lang.Object" resultType="java.util.Map">
select name,sex,age,department from user
<where><if test="params.sex!=null and params.sex!=''">
AND sex like '%'||#{params.sex}||'%'
</if>
<if test="params.department!=null and params.department!=''">
AND department like '%'||#{params.department}||'%'
</if>
</where>
</select>
即可。
最新文章
- 一个网络传输框架——zeroMQ 调研笔记
- [Windows] 批处理文件系统服务控制
- 对话框式Activity的设置
- Win7中隐藏的上帝模式——GodMode
- WCF 之 OperationContract
- 使用Boost库中的组件进行C++内存管理
- IntelliJ idea学习资源
- Jersey实现Restful服务
- Java中ArrayList remove会遇到的坑
- 【NOIP2016】换教室
- 浅拷贝 &;&;&;深拷贝 实现
- [NewLife.XCode]增删改查入门
- MySQL--批量KILL连接
- docker拉取oracle11g镜像配置
- 分享给大家一个500G.Net ftp资料库
- hdu 6301 Distinct Values (2018 Multi-University Training Contest 1 1004)
- 运行用例时,报错Unknow Error:Element xxx is not clickable……的解决方法
- 流程设计器jQuery + svg/vml(Demo7 - 设计器与引擎及表单一起应用例子)
- 多进程对 MySQL update的影响
- windows7下的64位redis安装简介
热门文章
- springMVC(二)springMVC、Mybatis、spring整合
- Python程序设计(第3版)PDF高清完整版免费下载|百度网盘
- Java中包装类Test类测试出错的解决方法(JUnit5)
- 第十二章 类加载器&;反射
- 微服务迁移记(五):WEB层搭建(5)-集成ueditor编辑器,伪分布式图片上传
- Django创建项目时应该要做的几件事
- Python随机数函数
- Python os.mkfifo() 方法
- PHP lstat() 函数
- PDOStatement::fetch