jqGrid中关于工具条中的输入框中内容的读取

Posted 2020-10-11

背景:就是前端输入一个id,然后传到后端去查数据库里面相应id的记录

html:

1 <div class="col-xs-4 col-sm-1 text-right " style="margin-top:5px"><span>邮箱ID</span></div>
2 <div class="col-xs-6 col-sm-2 nopadding-right" style="padding-bottom:10px" >
3    <input type="text" id = "emailId" name="id"  class="input-sm col-xs-12" placeholder="输入要查询的邮箱ID">
4 </div>

1 <button  type="button"  id="find_btn" class="btn btn-success btn-xs">
2                                             <span class="ace-icon glyphicon glyphicon-ok"></span> 查询
3                                         </button>

JS:

 1 $(function(){
 2             $("#find_btn").click(function(){
 3 
 4                 $("#grid-table").jqGrid(‘setGridParam‘,{
 5                     url:"${contextPath}/xiaoyuanemail/find.json",
 6                    //方式一
 7                     postData:{‘id‘:$("[name=‘id‘]").val()}, //发送数据 也可以
 8                    //方式二:
 9                    //postData:{‘id‘:$("#emailId").val()}, //发送数据
10                     page:1
11                 }).trigger("reloadGrid"); //重新载入
12             });
13         });