easyui页面查询方法获取不到后台传值问题的解决

我不是女神ヾ 2024-04-17 19:13 80阅读 0赞

1.先来看后台代码：

@RequestMapping("/toChooseDoc")
    public ModelAndView toChooseDutyDoc(HttpServletRequest request,HttpServletResponse respones)
    
      {
    		String account=request.getParameter("account");
    		String archiveId=request.getParameter("archiveId");
    		ModelAndView mv=new ModelAndView();
    		mv.addObject("account", account);
    		mv.addObject("archiveId", archiveId);
    		mv.setViewName("doctor/userManage/chooseDoc");
    		return mv;
    	}

以上代码向doctor/userManage/chooseDoc这个页面传递了archiveId的值，下面是前端页面代码：

<body style="margin: 0px;padding: 2px;">
    	<div>
    		<form id="filterForm">
    			<table class="table">
    				<tr>
    					<td width="20%" class="td_title">姓名:</td>
    					<td>
    						<input id="userName" name="name" maxlength="100" />
    	
    					</td>
    					<td width="100">
    						<a class="easyui-linkbutton" href="javascript:query()">查询</a>
    						 
    						<a class="easyui-linkbutton" href="javascript:clear()">重置</a>
    					</td>
    				</tr>
    			</table>
    		</form>
    	</div>
    	<div style="text-align: center;padding-top: 5px;">
    		<table id="doctorBox" class="easyui-datagrid"></table>
    		
    	</div>
    </body>

上面主要涉及到datagrid的定义和一个查询方法query() ,下面是datagrid的数据初始化和query()方法的JS代码：

<script type="text/javascript">
        //初始化datagrid的数据
    	var grid;
    	$(function(){
    		grid = $("#doctorBox").datagrid({
    			loadMsg : "数据加载中,请稍候...",
    			width : "auto",
    			height : 170,
    			animate : false,
    			striped : true,
    			singleSelect : true,
    			url : "<%=basePath%>docPage/getDoctors?account=${account}&archiveId=${archiveId}",
    			queryParams:{pageNumber:1,pageSize:10},     //查询参数
    			pagination : true,
    			idField : "patId",
    			rownumbers : true,
    			fitColumns : true,
    			frozenColumns: [[{
    				field: "ck",
    				checkbox: true
    			}]],
    			columns: [[{
    				field: "name",
    				title: "姓名",
    				width: 80,
    				align: "center"
    			}, {
    				field: "userId",
    				title: "身份证号码",
    				width: 130,
    				align: "center"
    			}, {
    				field: "sex",
    				title: "性别",
    				width: 70,
    				align: "center",formatter:function(v){
    					var sex = "";
    					if(v==1){
    						sex = "男";
    					}else if(v==2){
    						sex = "女";
    					}else {
    						sex = "未知性别";
    					}
    					return sex;
    				}
    			}]],
    			onSortColumn : function(sort, order) {
    			},
    			toolbar : "#toolbar"
    		});
    		var p = grid.datagrid("getPager");
    		if (p) {
    			$(p).pagination({
    				pageNumber : 1,
    				showPageList : false
    			});
    		}
    		
    	});
    	
        //点击查询按钮执行的方法
    	function query(){
    		var name=$("#userName").val();
    		$('#doctorBox').datagrid("getPager").pagination({pageNumber : 1});
    		var option = $('#doctorBox').datagrid("options");
    		option.pageNumber = 1;
    		option.pageSize=10;
    		option.url = "<%=basePath%>docPage/getDoctors?archiveId=${archiveId}&doctorName="+name;
    		var queryParams = option.queryParams;
    		queryParams.name = name;
    		//queryParams.archiveId = ${archiveId};
    		reloadGrid();
    	 }

上面JS代码有两处涉及到后台传值archiveId的引用，一处是初始化datagrid时的url，另一处则是query()方法的url,虽然是同一个页面，但初始化datagrid时的url可以拿到archiveId的值，而query()方法的url却拿不到，原因想不通。不过解决办法却想到了，将后台传过来的值，存放到隐藏域中，然后在JS中再调用隐藏域中的值即可。如下：

<td width="20%" class="td_title">姓名:</td>
    	<td>
    			<input id="userName" name="name" maxlength="100" />
                 
    			<input type="hidden" id="archiveId" name="archiveId" value="${archiveId}" />
    	</td>
    </td>

var archiveId=$("#archiveId").val();
    option.url = "<%=basePath%>docPage/getDoctors?archiveId="+archiveId+"&doctorName="+name;

发表评论取消回复

表情：

评论列表（有 0 条评论，80人围观）

还没有评论，来说两句吧...

相关阅读

相关 easyui页面查询方法获取不到后台传值问题的解决

.先来看后台代码： @RequestMapping("/toChooseDoc") public ModelAndView toChooseDutyDo...

我不是女神ヾ/ 2024年04月17日 19:13/ 0 赞/ 81 阅读

相关后台获取不到请求头中token信息的解决方法

前言项目要做单点登录功能，于是在shiro的基础上加入了自定义的 Filter，使用 JWT 自定义生成和校验token信息。功能写好后自己在 postman 中测

╰半橙微兮°/ 2024年04月01日 14:14/ 0 赞/ 102 阅读

相关几种ajax传参数到后台获取的方法

传参： $.ajax({ type:"post", dataType:"json",

妖狐艹你老母/ 2023年10月18日 16:59/ 0 赞/ 121 阅读

相关 js给asp:TextBox 赋值，后台获取不到值的问题解决

开发一个asp.net的页面遇到了TextBox设置了ReadOnly属性，在js中赋值后，后台代码取不到值的情况，经过在网上查找，找到了一下几个处理办法。收藏起来。 1

柔情只为你懂/ 2023年10月03日 20:24/ 0 赞/ 23 阅读

相关 java后台传值乱码_小程序传值到java后台中文乱码问题

wx.getUserInfo(\{ success: function (res) \{ // console.log("获取用户信息：" + res.userInfo.n

快来打我*/ 2022年11月06日 14:00/ 0 赞/ 249 阅读

相关 Jquery获取页面传值

function request(paras){ var url = location.href; var paraS

柔光的暖阳◎/ 2022年03月29日 03:50/ 0 赞/ 399 阅读

相关 Easyui combotree 获取选中节点的值的方法

一、初始设备类型下拉列表 //初始设备类型下拉列表 $("deviceType").combotree({ panelHeight : 180,

àì夳堔傛蜴生んèń/ 2022年02月18日 11:21/ 0 赞/ 1086 阅读

相关解决easyui textarea 值不显示及获取textarea的值

一、textarea没有value属性应这样写 <textarea rows="6" cols="" name="submit_evidence" i

淡淡的烟草味﹌/ 2021年09月28日 15:28/ 0 赞/ 1365 阅读

相关 xm-select getValue()获取不到值的解决方法

在使用layui 第三方控件xm-select时发现，getValue()始终获取不到值，在这之前是先调用了setValue()方法的，但是在后续代码中使用get

Love The Way You Lie/ 2021年09月24日 15:40/ 1 赞/ 1060 阅读

相关 easyui 页面加载闪现问题解决方法

最近做项目在使用easy UI 这个前端框架但是由于自己不是太熟悉所以好多弹出框内容都放在同一个页面所以造成了在刚进入页面时候会出现页面闪现问题。找到出现这个

蔚落/ 2021年08月26日 18:37/ 0 赞/ 591 阅读