`
八贤王
  • 浏览: 39952 次
社区版块
存档分类
最新评论

JQuery中easyui获取tab页对象以及获取tab页对象下的iframe对象和指定tab页对象隐藏

阅读更多
$('#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窗体对象的方法

    本文实例讲述了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法。分享给大家供大家参考,具体如下: 我们在使用EasyUI Tabs框架时,在框架最顶层的弹出窗体中需要操作当前Tab的iframe窗体内容或方法,这时候我们...

    easyui iframe 页面重复加载的问题

    在使用easyui框架开发Web应用时,特别是在使用tab布局的时候,开发者可能会遇到页面内容被放置在iframe中时,页面多次加载的问题。这种情况尤其会在使用easyui的tab布局时发生,因为easyui会默认加载所有tab的内容,...

    关闭easyui 的tab 释放iframe的内存

    默认情况下,当用户通过EasyUI关闭一个包含`&lt;iframe&gt;`的标签页时,该`&lt;iframe&gt;`及其内部的内容并不会被真正移除或销毁,而是一直保留在内存中。这意味着即使标签页不可见,其内容仍然消耗着系统资源。随着用户频繁地...

    实例代码讲解jquery easyui动态tab页

    本文将深入讲解如何使用 jQuery EasyUI 动态添加和刷新 Tab 页面。 首先,添加一个新的 Tab 页面主要通过调用 `tabs('add')` 方法来实现。在提供的代码示例中,`addTab` 函数接收三个参数:`title`(标签页标题)、...

    如何解决jQuery EasyUI 已打开Tab重新加载问题

    理解并掌握这些方法和技巧,可以帮助你在开发过程中更高效地处理jQuery EasyUI的Tab刷新问题。希望本文对你有所帮助,如果你在实践中有任何疑问,欢迎进一步探讨。感谢对软件开发领域的关注和支持!

    jQuery EasyUI Tab 选项卡问题小结

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列组件,包括 Tab 选项卡,用于构建用户界面。本文将深入探讨在使用 jQuery EasyUI Tab 选项卡时可能会遇到的问题及其解决方案。 首先,让我们理解基本的...

    关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法

    代码示例中,通过传递Tab选项卡的title参数,使用jQuery EasyUI的API方法"getTab"找到对应的Tab对象,并使用"select"方法来选中这个Tab,然后再执行更新内容的操作。 3. 代码实现:在示例代码中,定义了两个函数,...

    Easyui 关闭jquery-easui tab标签页前触发事件的解决方法

    在使用Easyui,一个基于jQuery的用户界面库,特别是与jQuery-easui插件一起工作时,有时我们需要在用户尝试关闭某个tab标签页之前执行某些操作,比如进行数据验证或检查特定条件。本文将深入探讨如何实现这个功能,...

    JqueryEasyU页面布局。左边导航,上面tabs.都已经集成好了。

    总的来说,这个压缩包提供的示例是一个完整的前端页面布局解决方案,集成了jQuery EasyUI的导航栏和Tab页功能,适合快速开发后台管理系统。开发者可以通过学习和修改这个示例,进一步理解jQuery EasyUI的使用方法,...

    基于Jquery easyui 选中特定的tab

    综上所述,通过Jquery easyui的tabs组件提供的API,开发者可以灵活地控制tab组件的行为,包括获取当前选中的tab、更新内容、关闭特定tab以及在初始化时设置特定tab为选中状态等。这些操作能够为用户提供更加友好和...

    jQuery easyui刷新当前tabs的方法

    在jQuery EasyUI框架中,开发人员经常需要处理各种用户界面交互,其中一项常见的需求就是刷新当前活动的选项卡(tabs)。jQuery EasyUI提供了一个简洁的API来实现这一功能,主要涉及`tabs`组件的`update`方法。这篇...

    easyui页面布局示例

    EasyUI 是一个基于 jQuery 的 UI 框架,它提供了丰富的组件和易于使用的主题,用于快速构建美观且功能强大的 Web 应用程序。在“easyui页面布局示例”中,我们将探讨如何利用 EasyUI 实现高效且直观的页面布局,并...

    jQuery EasyUI 布局之动态添加tabs标签页

    `tabs('add')` 方法接受一个对象参数,包含了新 tab 的标题、内容和是否可关闭的设置。 总结起来,动态添加 jQuery EasyUI 的 tabs 标签页主要涉及以下步骤: 1. 创建 HTML 结构,包括按钮和 tabs 容器。 2. 编写 `...

    Easyui 去除jquery-easui tab页div自带滚动条的方法

    在本文中,我们将深入探讨如何在使用EasyUI框架,特别是jQuery-EasyUI 1.5.3版本时,去除Tab组件中的div元素自带的滚动条。这个问题通常出现在当我们需要在一个Tab页内嵌入一个iframe页面时,由于内容过多,导致Tab...

    easyui简单的增删改查范例

    4. 创建Tab页内容:Tab页内容是通过iframe加载的,这在easyui中是常见的方式,可以快速嵌入其他页面或者远程内容。不过这种做法在现代Web开发中已不太推荐,因为iframe存在跨域限制、影响SEO、性能问题等。 这个...

Global site tag (gtag.js) - Google Analytics