jeesite实战(四十一)——如何在另外一个标签页打开内容

本文档详细介绍了如何通过HTML和JavaScript在点击新增按钮时，在新的浏览器标签页中打开自定义页面，避免关闭当前页面。主要涉及HTML的链接设置和JS的事件监听，使用js.addTabPage函数实现新标签页的打开，确保数据保存后不会丢失之前的页面状态。

系列文章目录

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

如何在另外一个标签页打开内容

系列文章目录
前言
一、目的
二、实现过程
总结

前言

本系列文章主要记录项目过程中重点的项目技术

一、目的

因为业务的需求，我需要在点击新增的时候跳转到我自定义的页面中，但是我想另起一个标签页显示我的内容，避免自定义页面数据保存后，跳转前的页面也关闭了。如下图
在这里插入图片描述

二、实现过程

HTML代码

<% if(hasPermi('prep:trainingPreparation:edit')){ %>
					<a href="#" class="btn btn-default" id="trainingPreparationAdd" title="${text('新增')}"><i class="fa fa-plus"></i> ${text('新增')}</a>
				<% } %>

JS代码

$("#trainingPreparationAdd").click(function(){
	js.addTabPage(null, "新增培训准备", "${ctx}/prep/trainingPreparation/ifPlanForm", true, true);

})

注意js.addTabPage表示另外打开一个标签页
在这里插入图片描述

测试

具体操作见目的中的效果图

总结

至此，本文章结束