jqgrid--按搜索字段进行搜索并重新加载表格

jqgrid--按搜索字段进行搜索并重新加载表格

转载  2016年02月26日 00:40:40

• 5042

查询操作时，最好不要用get方式提交搜索参数，会出现莫名的乱码问题，应该使用post方式，并且进行编码

如下：

[javascript]   view plain  copy

1. //查询  
2.         $("#searchButton").click(function(){  
3.             var searchAnswerValue = encodeURIComponent($("#searchAnswer").val());  
4.             var searchQuestionValue = encodeURIComponent($("#searchQuestion").val());  
5.             var postJson = {searchQuestion:searchQuestionValue,searchAnswer:searchAnswerValue};  
6.               
7.             //传入查询条件参数  
8.             $("#jqgridTable").jqGrid("setGridParam",{postData:postJson});   
9.             //每次提出新的查询都转到第一页  
10.             $("#jqgridTable").jqGrid("setGridParam",{page:1});  
11.             //提交post并刷新表格  
12.             $("#jqgridTable").jqGrid("setGridParam",{url:searchUrl}).trigger("reloadGrid");  
13.         });  

后台进行解码然后执行查询，如下：

[java]   view plain  copy

1. @Override  
2.     public String search() {  
3.           
4.         /** 
5.          * 第一步，获取查询参数，并设置到queryPage 
6.          */  
7.         QueryPage queryPage = pageActionParameter.getQueryPage();  
8.           
9.         //添加查询条件  
10.         if(StringUtils.isNotEmpty(searchAnswer)) {  
11.             try {  
12.                 searchAnswer = URLDecoder.decode(searchAnswer,"utf-8");  
13.             } catch (UnsupportedEncodingException e) {  
14.                 e.printStackTrace();  
15.             }  
16.             System.out.println("==========the searchAnswer : " + searchAnswer);  
17.             queryPage.addLikeSearch("answer", searchAnswer);  
18.         }  
19.         if(StringUtils.isNotEmpty(searchQuestion)) {  
20.             try {  
21.                 searchQuestion = URLDecoder.decode(searchQuestion,"utf-8");  
22.             } catch (UnsupportedEncodingException e) {  
23.                 e.printStackTrace();  
24.             }  
25.             System.out.println("==========the searchQuestion : " + searchQuestion);  
26.             queryPage.addLikeSearch("info", searchQuestion);  
27.         }  
28.           
29.         /** 
30.          * 第二步，执行查询,并设置结果 
31.          */  
32.         List<ResultLog> resultLogList = resultLogBiz.getResultLogListByPage(queryPage);  
33.           
34.         /** 
35.          * 设置pageResult 
36.          */  
37.         pageActionParameter.buildPageResult(resultLogList);  
38.           
39.         /** 
40.          * 第三步，返回 
41.          */  
42.         return AJAX_RETURN_TYPE;  
43.     }