用自定义的form表单对jqgrid数据进行检索查询

资料如下：http://stackoverflow.com/questions/5819071/jqgrid-custom-form-to-search-data-select-box-problem

jqgrid提供了多种search方法，详见jqgrid wiki文档http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jqgriddocs

但是其提供的检索框都是从表格grid弹出的，如下面两个图。

singe search：

advanced search：

但是如果我们想要用传统form表单来对jqgrid表格中的数据做检索，像这样(form和jqgrid两个是随意画拼在一起，用来说明想达到的效果)：

应该怎么做呢？方法如下：

首先，form表单和jqgrid当然要写好，此处不再赘述。

其次，用js为表单的查询按钮添加响应函数，取form输入值，修改获取数据参数，并用新的参数reload grid，如下：

$("#searchForm").submit(function(){var client = $("#client").val();var amount = $("#amount").val();var tax = $("#tax").val();$("#list").jqGrid("setGridParam",{url:"${data?client="+ client +"&amount="+amount+"&tax="+tax, page:1, datatype:"json"}).trigger("reloadGrid"); });

服务器后台data路径完成获取参数后的查询数据库数据并转为json格式即可。

注意，如果表单是拿form而非div写的，当完成查询后，form会自动提交使得整个页面刷新而非只修改jqgrid中的数据，导致查询无效，因此要在form标签中加入οnsubmit="return false;"避免form表单的自动提交。

转载于:https://blog.51cto.com/mumufairy/1590966

用自定义的form表单对jqgrid数据进行检索查询相关推荐

django之：网页伪静态 JsonResponse form表单携带文件数据 CBV源码分析模板语法传值模板语法之过滤器标签自定义标签函数过滤器、inclusion_tag模板的继承导入
目录标题一:网页伪静态 1.定义 2.如何实现二:视图层 1.视图函数返回值问题 2.视图层返回json格式的数据 3.form表单携带文件数据 4.CBV源码分析 1.CBV和FBV: 2.CB ...
微信小程序表单提交php存储,微信小程序实现form表单本地储存数据
本文实例为大家分享了微信小程序实现form表单本地储存数据的具体代码,供大家参考,具体内容如下效果图: 主要利用小程序的getStorage来实现异步本地储存. 小程序目录结构如下: 新建项目前,为 ...
form表单提交FormData数据
代码见https://gitee.com/bladeandmaster/freemarkerDemo 1.第一种直接使用form表单的submit提交 2.第二种采用ajax提交,需要设置conten ...
antd中的form表单 initialValue导致数据不更新问题
初步理解 : initialValue就是所谓的defaultValue,只会在第一次赋值的时候改变,却又有一些不同,因为 initialValue又会因其他改动而改变. 然而当获取的数据重新上来要渲 ...
vue form表单提交动态数据
项目vue-cli搭建需求为:vue页面跳转至第三方的支付页面操作流程为:点击确认按钮时得到得到第三方网页的url和参数信息,以form表单的post方式提交尝试了N种方法,都不可以成功完成逻辑 ...
从页面获取form表单提交的数据
1 使用HttpServletRequest,方便灵活页面代码,使用action提交一个表单,里边有球的id,球的主人,球的颜色,所在省份,区域 <form action="ball ...
jQuery中ajax用form表单方式提交数据
给表单加ID值,如图: 写ajax方法,如图: servlet返回是否添加成功,如图: jsp页面 <div class="modal-content"><div ...
使用form 表单+aja提交数据无返回结果-你真的了解点击事件属性值submit和button吗?
下午写项目遇到了一个问题 ,使用ajax提交数据,后台能拿到数据, 但是一直无法进入回调函数,浪费了一个多小时的时间都没有解决. 点击事件的时候,属性不能为submit. 因为属性submit会提交 ...
form表单只提交数据而不进行页面跳转的解决方案
转载将数据提交到saveReport(form的action指向)页面,但是页面又不进行跳转,即保持当前页面不变呢?利用jquery的ajaxSubmit函数以及form的onsubmit函数完成 ...

用自定义的form表单对jqgrid数据进行检索查询

用自定义的form表单对jqgrid数据进行检索查询相关推荐

最新文章

热门文章