jqGrid自定义搜索框进行条件查询并且刷新表格

最新推荐文章于 2022-06-16 15:50:08 发布

GLH508

最新推荐文章于 2022-06-16 15:50:08 发布

阅读量1.5k

点赞数

分类专栏： java新人文章标签： java

本文链接：https://blog.csdn.net/GLH508/article/details/104266073

版权

java新人专栏收录该内容

1 篇文章 0 订阅

订阅专栏

前提：正常使用jqGrid表格插件，只是不愿意使用它的搜索框，所以选择自定义；

直接上代码：

前端：

页面显示：

页面代码（很简单，就是从别的页面扣了一个过来）：

html:

<div class="alert alert-info">

<!--										<form class="form-search" action="" method="post">-->

								<span class="input-icon">

									<input type="text" placeholder="搜索 ..." class="nav-search-input"
										   id="condition"
										   name="condition"
										autocomplete="off"/>

									<i class="icon-search nav-search-icon"></i>

								</span>

<!--										</form>-->

								</div>

js:

//自定义搜索框的数据返回及显示，返回时刷新表格
				$("#condition").keydown(function(event) {
					if (event.keyCode == "13") {//keyCode=13是回车键；数字不同代表监听的按键不同
						// alert("asdsdfsdf");
						var condition=$("#condition").val();
						console.log("搜索条件："+condition);
						//清空表格中数据
						$("#grid-table").jqGrid("clearGridData");
						//重新接收表格数据
						$("#grid-table").jqGrid("setGridParam",{
							url:"/sys-permission/page-list?condition="+condition,
							dataType:"json",
							type:"post"
						}).trigger("reloadGrid");
					}
				});

controller:

    @GetMapping("/list")
    public String list(){
        return "sys/permission/list";
    }

    @ResponseBody
    @RequestMapping("/page-list")
    public String pageList(String condition){

        List<SysPermissionVO> permissions=sysPermissionService.listVos(condition);

        return JSON.toJSONString(permissions);
    }

总算可以正常显示了，欢迎留言交流。