easyUI双击datagrid行然后跳转页面并且查看行内容详解编程语言

事物总结、和大家分享一些东西

首先要先写双击事件 函数

			striped:true, 
			idField:'id', 
			rownumbers:true, 
			singleSelect:true, 
			pagination:true, 
	 		 url:'<%=basePath%>/messPub/getMessDatagrid', 
            title: '', 
            loadMsg: '数据加载中,请稍候...', 
            nowrap: false, 
            pageSize: 10, 
            pageList: [10, 20, 30], 
            onDblClickRow :function(rowIndex,rowData){ 
  				 showSelectedSurveryDataOnMap(rowData); 
  				}, 
            columns: [[  

其次 写函数实现

// 
	var showSelectedSurveryDataOnMap=function(rowData){ 
		if(rowData.id){ 
		//$('#MessForm').form('load','<%=basePath%>/messPub/findByMessId?id='+rowData.id); 
			window.open('<%=basePath%>/messPub/TGmain?id='+rowData.id); 
		} 
	}

然后是控制器写法

//通知公告类型点击跳转的页面 
	@RequestMapping("TGmain") 
	public String TGmain(HttpServletRequest req,String id){ 
		//将值存到attribute里面到另一个页面娶到她 
		MessPublish mss=MessPubservice.findById(id); 
		req.setAttribute("mss",mss); 
		return "messPub/pengzi"; 
	} 

最后写一个jsp网页即可

<body>	  
				<form action="" id="MessForm"> 
					<div id="div1"> 
						<h2 id="title" name="title" value="${mss.title }" ></h2> 
					</div> 
					<div  id="div2"> 
						<p id="createTime" name="createTime" value="${mss.createTime }"></p> 
					</div> 
					<div  id="div3"> 
						<p id="messContent" name="messContent" value="${mss.messContent }"></p> 
					</div> 
				</form> 
						 
  </body>

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/13152.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论