`

让已存在的Tab更新加载的页面内容

 
阅读更多

目前我的布局是这样的,左边是一个tree,右边是tabpanel组成的显示区。
当点击tree的其中一个节点的时候右边就动态的加载一个tabpanel。

 

我想达到的目的是当鼠标点击到已经生成的tabpanel的时候里面的内容让其再重新更新一次

var tab = mainPanel.getComponent(id);  // 获取指定id的组件对象

if (tab) {

// 检验当前Tab选项卡是否存在,如果存在只需要激活

mainPanel.setActiveTab(tab);

tab.update('<iframe src='+href+' frameborder=0 width=100% height=100% scrolling="no"></iframe>'); //刷新

return;

}

 

 

 

如果用autoLoad:{url:templink, scripts:true } 的话,我还不知道怎么在重新调用这个页面呢?请知道的朋友留言告知,非常感谢!!!

      

分享到:
评论

相关推荐

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

    通过编写`addTab`函数来判断tab是否已存在,并对已存在的tab使用`update`方法来更新内容。而内容的更新则通过`createFrame`函数创建iframe,并设置其`src`属性为需要加载的资源URL。这样就可以在不重新打开新tab的...

    easyui iframe 页面重复加载的问题

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

    左侧点击菜单tab切换网页特效

    这种特效使得用户可以通过左侧的菜单栏轻松地在不同的页面内容之间切换,而无需加载全新的页面,极大地提高了浏览效率。 1. **菜单设计**: - 菜单通常位于网页的侧边或顶部,为用户提供网站的主要导航路径。左侧...

    asp.net 中使用iframe动态加载页面

    ASP.NET 中使用 iframe 动态加载页面 ASP.NET 中使用 iframe 动态加载页面是指在 ASP.NET 应用程序中使用 iframe 元素来加载外部页面或资源的技术。这种技术可以使得开发者更方便地在应用程序中嵌入外部资源,提高...

    Tab页面实现代码2

    当Tab数量较多时,应考虑优化`ViewPager`的加载策略,避免一次性加载所有页面,可以使用`setOffscreenPageLimit()`方法设置预加载页面的数量。 8. **Material Design规范** Android推荐遵循Material Design设计...

    Flash的Tab页

    在IT领域,特别是网页设计和开发中,"Flash的Tab页"是一种常见的用户界面元素,用于组织和展示网站内容。这种技术将传统的HTML标签页功能与Adobe Flash的动态效果和交互性结合,创造出吸引人的用户体验。以下是关于...

    Fragment嵌套Fragment实现多tab页面

    Fragment可以独立于Activity存在,并且可以在Activity之间共享,这使得它在创建多tab页面时非常有用。"Fragment嵌套Fragment实现多tab页面"这个项目就是利用了这一特性来构建一个具有多个选项卡的应用。 在Android...

    jQuery手机端网页tab选项卡代码

    本示例“jQuery手机端网页tab选项卡代码”旨在帮助开发者实现类似团购APP中展示未使用、已使用、已过期优惠券信息的功能。下面我们将详细探讨这个项目的相关知识点。 首先,Tab选项卡是一种页面布局方式,它将大量...

    android 使用fragment 实现tab切换

    当用户点击不同的Tab时,`onTabSelected(Tab tab)`方法会被调用,这时可以根据Tab的位置更新`ViewPager`的内容。 9. **协同工作** 将`TabLayout`与`ViewPager`关联起来,可以通过`tabLayout.setupWithViewPager...

    谷歌 new tab redirect插件

    用户需要将下载的文件拖入到浏览器的扩展管理页面(chrome://extensions/),或者在该页面上启用“开发者模式”,然后点击“加载已解压的扩展程序”来选择CRX文件所在的文件夹。 3. 配置插件:安装完成后,插件会在...

    TabFragment

    在Android应用开发中,`TabFragment`是一种常见的设计模式,用于创建具有多个可切换内容视图的用户界面。这种设计通常结合了`TabLayout`、`ViewPager`和`Fragment`来实现,允许用户通过底部的按钮菜单在不同的内容...

    Tab+Viewpage+Fragment实现导航

    在`Tab+ViewPager`的场景中,每个`Fragment`代表一个`Tab`下的内容页面。开发者可以通过重写`Fragment`的生命周期方法来处理页面的加载、更新和销毁,这使得`Fragment`非常适合构建复杂且可复用的UI组件。 在实际...

    officetab-v9.10.zip excel 2010 tab tools

    在安装此插件后,Excel 2010的界面将出现类似网页浏览器的标签栏,每个工作簿都会以单独的标签形式存在,用户只需点击相应的标签即可在不同的工作簿间快速切换,极大地简化了多任务处理的流程。 关于标签"excel tab...

    仿微信TAB切换

    2. **`PagerAdapter`/`FragmentPagerAdapter`**:创建自定义的适配器,将各个页面(通常为`Fragment`)与`ViewPager`关联起来,确保正确加载和显示每个页面内容。 3. **`TabLayout`**:如果项目中使用了`TabLayout`...

    IEtab20170701

    5. **更新与维护**:由于"IEtab20170701"版本较旧,可能存在一些安全风险或与最新Chrome版本的兼容性问题。用户应定期检查更新,以确保最佳性能和安全性。 6. **其他浏览器兼容性**:尽管IEtab主要是为Chrome设计的...

    Android的Fragment实现Tab切换

    在Tab切换的场景下,我们可以将不同的Fragment视为不同Tab的内容,当用户切换Tab时,显示相应的Fragment。 要实现Tab切换,通常我们会使用TabLayout和ViewPager这两个组件。TabLayout是Android设计支持库中的一员,...

    ActionBar用Tab+ViewPager+Fragment实现快速导航.

    在Tab+ViewPager的组合中,ViewPager负责根据用户选择的Tab加载对应的Fragment。通过实现`PagerAdapter`接口,开发者可以定义如何在ViewPager中添加和管理页面。 4. **Fragment**:Fragment是Android中的一个可重用...

    ViewPager、Fragment、RadioButton实现顶部切换Tab页面

    在顶部Tab页面的场景中,ViewPager通常是用来显示各个Tab内容的载体。每个Tab对应一个页面,页面内容可以是不同的Fragment。 Fragment是Android应用中的一个可重用的UI组件,它可以在Activity中独立存在或嵌入到...

    idTabs v3.0 简单易用的jQuery的Tab插件

    除了基本的Tab切换功能,idTabs还支持一些高级特性,如动态加载内容、自定义事件绑定等。例如,可以利用“onSelect”事件在切换Tab时执行特定操作: ```javascript $('#tabs').idTabs({ onSelect: function...

Global site tag (gtag.js) - Google Analytics