$('#mytabs').tabs( {
onSelect : function() {
var tab = $('#mytabs').tabs('getSelected');
zgoto(tab.panel('options').title);
var finaTab=$('#mytabs').tabs('getTab','财务信息').panel('options').tab;
finaTab.hide();//tab页对象隐藏
var tbId = tab.attr("id");
//获取tab的iframe对象
var tbIframe = $("#"+tbId+" iframe:first-child");
tbIframe.attr('src', '.www.baidu.com');
}
});
var reload = "";
function zgoto(tabname) {
var tabid = "";
if (tabname == "标的简况") {
tabid = "pro"
reload = "";
}
//………………
var tmpurl = 'www.baidu.com';
document.getElementById(tabid).src = tmpurl;
}
<div id="mytabs" style="margin-top: 10px;">
<div title="标的简况" id="proDiv">
<iframe frameborder="0" id="pro" width="100%" height="650"
scrolling="No" frameborder="0"></iframe>
</div>
<div title="财务信息" id="finaDiv">
<iframe frameborder="0" id="fina" height="1000" width="100%"
scrolling="No" frameborder="0"></iframe>
</div>
<div title="组织结构" id="orgDiv">
<iframe frameborder="0" id="org" height="1000" width="100%"
scrolling="No" frameborder="0"></iframe>
</div>
<div title="企业信息" id="compDiv">
<iframe frameborder="0" id="comp" height="1000" width="100%"
scrolling="No" frameborder="0"></iframe>
</div>
<div title="详细信息" id="detailDiv">
<iframe frameborder="0" id="detail" height="1000" width="100%"
scrolling="No" frameborder="0"></iframe>
</div>
</div>
分享到:
相关推荐
本文实例讲述了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法。分享给大家供大家参考,具体如下: 我们在使用EasyUI Tabs框架时,在框架最顶层的弹出窗体中需要操作当前Tab的iframe窗体内容或方法,这时候我们...
在使用easyui框架开发Web应用时,特别是在使用tab布局的时候,开发者可能会遇到页面内容被放置在iframe中时,页面多次加载的问题。这种情况尤其会在使用easyui的tab布局时发生,因为easyui会默认加载所有tab的内容,...
默认情况下,当用户通过EasyUI关闭一个包含`<iframe>`的标签页时,该`<iframe>`及其内部的内容并不会被真正移除或销毁,而是一直保留在内存中。这意味着即使标签页不可见,其内容仍然消耗着系统资源。随着用户频繁地...
本文将深入讲解如何使用 jQuery EasyUI 动态添加和刷新 Tab 页面。 首先,添加一个新的 Tab 页面主要通过调用 `tabs('add')` 方法来实现。在提供的代码示例中,`addTab` 函数接收三个参数:`title`(标签页标题)、...
理解并掌握这些方法和技巧,可以帮助你在开发过程中更高效地处理jQuery EasyUI的Tab刷新问题。希望本文对你有所帮助,如果你在实践中有任何疑问,欢迎进一步探讨。感谢对软件开发领域的关注和支持!
代码示例中,通过传递Tab选项卡的title参数,使用jQuery EasyUI的API方法"getTab"找到对应的Tab对象,并使用"select"方法来选中这个Tab,然后再执行更新内容的操作。 3. 代码实现:在示例代码中,定义了两个函数,...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列组件,包括 Tab 选项卡,用于构建用户界面。本文将深入探讨在使用 jQuery EasyUI Tab 选项卡时可能会遇到的问题及其解决方案。 首先,让我们理解基本的...
在使用Easyui,一个基于jQuery的用户界面库,特别是与jQuery-easui插件一起工作时,有时我们需要在用户尝试关闭某个tab标签页之前执行某些操作,比如进行数据验证或检查特定条件。本文将深入探讨如何实现这个功能,...
总的来说,这个压缩包提供的示例是一个完整的前端页面布局解决方案,集成了jQuery EasyUI的导航栏和Tab页功能,适合快速开发后台管理系统。开发者可以通过学习和修改这个示例,进一步理解jQuery EasyUI的使用方法,...
综上所述,通过Jquery easyui的tabs组件提供的API,开发者可以灵活地控制tab组件的行为,包括获取当前选中的tab、更新内容、关闭特定tab以及在初始化时设置特定tab为选中状态等。这些操作能够为用户提供更加友好和...
在本文中,我们将深入探讨如何在使用EasyUI框架,特别是jQuery-EasyUI 1.5.3版本时,去除Tab组件中的div元素自带的滚动条。这个问题通常出现在当我们需要在一个Tab页内嵌入一个iframe页面时,由于内容过多,导致Tab...
在jQuery EasyUI框架中,开发人员经常需要处理各种用户界面交互,其中一项常见的需求就是刷新当前活动的选项卡(tabs)。jQuery EasyUI提供了一个简洁的API来实现这一功能,主要涉及`tabs`组件的`update`方法。这篇...
EasyUI 是一个基于 jQuery 的 UI 框架,它提供了丰富的组件和易于使用的主题,用于快速构建美观且功能强大的 Web 应用程序。在“easyui页面布局示例”中,我们将探讨如何利用 EasyUI 实现高效且直观的页面布局,并...
`tabs('add')` 方法接受一个对象参数,包含了新 tab 的标题、内容和是否可关闭的设置。 总结起来,动态添加 jQuery EasyUI 的 tabs 标签页主要涉及以下步骤: 1. 创建 HTML 结构,包括按钮和 tabs 容器。 2. 编写 `...
4. 创建Tab页内容:Tab页内容是通过iframe加载的,这在easyui中是常见的方式,可以快速嵌入其他页面或者远程内容。不过这种做法在现代Web开发中已不太推荐,因为iframe存在跨域限制、影响SEO、性能问题等。 这个...