miniui实现jsp主页面打开新页面（不同标签）方法总结

原创于 2017-04-17 22:49:44 发布 · 4.9k 阅读

2 ·

CC 4.0 BY-SA版权

miniui 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种方法，用于将表格中的一列数据转换为可点击的蓝色链接，点击后会在新标签页中展示该记录的详细信息。通过JavaScript实现了列数据的链接化显示、页面跳转及新页面的内容加载。

功能：让查询的表格某一列显示为蓝色链接字样，并且，点击打开新的标签页面，显示点击的某行记录的详细内容

第一步：给表格列数据动态加载一层<a href="#"></a>标签，让该列显示为蓝色超链接状态

function toNewPage(e) {
			var grid = e.sender;
			var record = e.record;
			var uid = record.id;
			var name = record.name;
			var rowIndex = e.rowIndex;
			var s = ' <a href="javascript:addLabel(\''
					+ uid
					+ '\')">'+name+'</a>';
			return s;
		}

第二步：实现页面跳转，并且将该行关键id传送给新页面

function addLabel(uid) {
			window.open("<%=basePath%>newPage/toNewPage?id="+uid);
		}

第三步：新页面获取id，加载对应id内容

		var obj = mini.getParams();
		grid.load({"id":obj.id});

注意：window.open是新打开一个标签页显示内容，如果是当前标签显示的话用window.location.href="";