您的位置：首页 > 产品设计 > UI/UE

点击easyui子页面中的按钮，在父页面中增加显示tabs

2016-02-27 13:35 1041 查看

我们在使用easyui开发后台管理系统时，常常easyui tree和tab会结合使用。通常情况下，点击同一级的某个链接弹出tab非常简单，如：点击tree的某一个节点（红色箭头所指），会在内容区域显示数据列表的内容。

但在很多情况下，我们需要做的是点击easyui子页面中的按钮，在父页面中增加显示tabs的内容，这时怎么操作呢？
我的思路是首先根据子页面获取父页面内容，如window.parent，然后再获取父页面中的id为tabs的控件，接着就可以实现添加tab了，具体代码如下：

var jq = top.jQuery;

if (jq("#tabs").tabs('exists', '一级菜单4')){
jq("#tabs").tabs('select','一级菜单4');
} else {
var content = '<iframe scrolling="auto" frameborder="0"  src="http://www.baidu.com" style="width:100%;height:100%;"></iframe>';
jq("#tabs").tabs('add',{
title:'一级菜单4',
content:content,
closable:true
});
}

效果如下:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： easyui tabs 子页面 J2EE HTML

相关文章推荐

新的分享

章节导航