jsp弹窗页面动态填充数据

阅读更多

      场景：当前页面有“查看信息”按钮，点击后在当前页面出现弹窗，弹窗里引入了描述合同信息的jsp(因为合同信息太长，不可能放在弹窗里，单独做了一个合同信息的jsp页面)，合同信息页面有部分数据需要在弹窗出现的时候动态查询填充进去。

js调用代码：

userManage.viewWinShow = function(i){
	var data = userManage.grid.getData(i);
	$("#clause2").load("http://localhost/test/viewContract.do?id="+data.id);
	$('#viewWindow').modal({backdrop:"static",show:true });
	$("#viewWindow").draggable({ handle: ".modal-header" });
}

当前页面弹窗jsp代码：

		

			×
			
信息
		
		

			

				

                //此处通过js调用引入合同contractView.jsp页面
                
			
		
		

			关闭
		

java代码：

@RequestMapping("/viewContract")
public ModelAndView contractInfo(Integer id) {
	return new ModelAndView("contractView.jsp",contractBo.getInfoMap(id));
}


@Service
public class ContractBo {
	public Map getInfoMap(Integer id){
		//...查询省略
		Map map = new HashMap();
		map.put("authName", "张三");
		map.put("contractNo", "NS001");
		map.put("endTime", "2019-12-31");
		map.put("addTime", "2019-05-01");
		map.put("validDate", "2019-06-01至2019-12-31");
		return map;
	}
}

合同contractView.jsp页面：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>







	

		
协议编号：${contractNo}
		
合作协议
		
甲方：xxxxxx有限公司
		

			乙方：${authName}
		
		

			
第一条 定义与解释
			/.....省略
		
		

			
第二条 合作内容
			/.....省略
		
		

			
第三条　双方权利和义务
			/.....省略
		
		

			
第四条 知识产权与保密条款
			/.....省略
		
		

			
第五条　 结算
			/.....省略
		
		
以下无正文
		

			

				
协议有效期：
				
${validDate}
			
			

				
协议签署日期：
				
${addTime}