easyui中 tab页面中点击按钮，添加一个新的同级tab

最新推荐文章于 2023-07-20 15:08:25 发布

转载最新推荐文章于 2023-07-20 15:08:25 发布 · 438 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/qq_19877501/article/details/88605955

文章标签：

#javascript #easyui

jQuery 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了如何使用EasyUI库在JavaScript中创建动态tab页，通过`addPage`函数添加新的子页面，适合前端开发者快速上手。

<a  href="javascript:void(0)"  onclick="addpage()" class="easyui-linkbutton"   data-options="iconCls:'icon-add'">新增</a>

function addpage(){
	var jq = top.jQuery;
	//#tabsId 指的是 父级页面 tab 的 id  务必修改
	if (jq("#tabsId").tabs('exists', '新增')){
	    jq("#tabsId").tabs('select','新增');
	} else {
	    var content = '<iframe scrolling="auto" frameborder="0"  src="所要跳转的路径"  style="width:100%;height:100%;"></iframe>';
	    jq("#tabsId").tabs('add',{
	        title:'新增',
	        content:content,
	        closable:true
	    });
	}
}