easyUI双击datagrid行然后跳转页面并且查看行内容

最新推荐文章于 2025-05-09 16:33:54 发布

原创最新推荐文章于 2025-05-09 16:33:54 发布 · 6.7k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了一个基于Java的通知公告系统的设计与实现过程，包括双击事件处理、页面跳转功能及控制器编写等内容。通过具体代码示例展示了如何在前端响应用户操作并正确传递参数到后端，以及后端如何处理请求并将数据返回给前端展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

首先要先写双击事件函数

			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>