`
liss
  • 浏览: 842582 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

extjs中TabPanel中tab引用页面刷新导致这个页面刷新的问题

阅读更多

Ext.getCmp('maintab').getActiveTab().load({url:'printpage.jsp',scripts:true});

maintab:是tabpanel的id
getActiveTab():获得当前激活的panel
你可以把url换成你从后台传来的url地址

 

 

这个问题如果你还在留意的话我可以帮你解决,因为我最近做项目也遇到你这个问题,然后就查找了网上很多资料,终于被我搞定了!
具体解决如下:
autoLoad这个属性不要,换成html:' <iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="'+url+'"> </iframe>',
那个url是传过来的连接,可以是一个页面也可以是一条参数,如a.jsp或者user.do?o=toList,这样就可以直接把你要的页面加载进来,而且你对加载进来的页面进行操作是不是更新整个页面的,而只是更新你加载进来的页面。通过 <iframe>这个元素加载网页进来的好处是比autoLoad多的,例如你autoLoad加载进来的页面要想加载进来的页面实现javascript就要在autoLoad里加多个javascripts:true属性,然后如果你是用autoLoad加载进来的页面,样式表是被禁用的,但你通过 <iframe>加载进来的页面就可以实现样式表,我当时就因为这个问题迷惑了很久,希望我的经验对楼主有帮助~

 

 

Ext.getCmp('maintab').getActiveTab().load({url:'printpage.jsp',scripts:true});
可以解决,这个是用的当前的tab,但是也可以任意的用
Ext.getCmp('maintab').findById("你的tabID").load({url:"'printpage.asp", callback: this.initSearch, scope: this, scripts:true});

分享到:
评论

相关推荐

    extjs4.2.1 tabPanel刷新及关闭标签

    在ExtJS框架中,`TabPanel`组件是一个非常实用且强大的UI控件,它允许用户在一个界面上组织多个相关的视图或面板,并通过标签页的形式进行切换展示。在版本4.2.1中,`TabPanel`提供了丰富的API和方法来控制其行为,...

    Extjs4.2 设置tabpanel当前活动页签的样式

    其中, `.x-tab-active` 是Extjs中当前活动页签的CSS类名, `.x-tab-wrap` 是标签页签的容器, `.x-tab-button` 是标签页签的按钮, `.x-tab-inner` 是标签页签的内部容器。 在上面的代码中,我们使用了CSS选择器来...

    ExtJS TabPanel 标签操作

    ExtJS的TabPanel是其组件库中的一个核心组件,用于创建具有多个标签页的应用界面,每个标签页可以承载不同的内容。在本主题中,我们将深入探讨如何操作ExtJS的TabPanel,包括创建、添加、删除和切换标签页,以及...

    ExtJS tabPanel实例

    在ExtJS中,`tabPanel` 是一个非常重要的组件,它允许你在一个容器内创建多个标签页,每个标签页可以承载不同的内容,提供了类似桌面应用的用户体验。在实际开发中,`tabPanel` 经常被用来组织和展示复杂的信息。 `...

    extjs动态添加tabpanel标签页支持pannel嵌入

    extjs动态添加tabpanel标签页支持pannel嵌入 逻辑代码在 MyWindow.js里面直接调用 方法 就可以

    jQuery模仿ExtJS之TabPanel最新

    页面引入jQuery.js、TabPanel.js、Fader.js、TabPanel.css new TabPanel({ renderTo:'tabs', width: '100%', height: '500px', active: 0, items: [{ title:'工作中心', ...

    Extjs4.2 根据不同的数值设置tabpanel行的背景颜色

    **TabPanel** 是ExtJS中的一个常用组件,可以用来组织多个面板或视图,每个面板可以通过选项卡的形式进行切换展示。在本例中,我们将重点介绍如何在TabPanel中的GridPanel(表格面板)中根据不同条件动态改变行的...

    Extjs做的treepanel+tab切换页

    在"Extjs 做的treepanel+tab切换页"这个项目中,我们主要关注的是如何利用ExtJS 3.2版本来创建一个具备折叠面板(Collapsible Panel)功能的树形视图(TreePanel),以及与之联动的选项卡(TabPanel)。这个设计允许...

    解决EXTJS4.2的tabpanel右键关闭的BUG

    EXTJS4.2官网上的tabpanel的右键关闭当前页,关闭其它,关闭全部有一点小BUG。 修改TabCloseMenu.js文件的一下函数。 压缩文件里面就是修改过后的TabCloseMenu.js文件,只要替换当前4.2的那个文件就可以使用了!

    extjs4.x tabpanel 动态加载panel和html例子

    在EXTJS 4.x框架中,`tabpanel`是用于创建多标签界面的组件,它可以方便地组织和切换多个视图。动态加载panel和HTML到tabpanel是提高应用性能和用户体验的有效方式,因为它允许按需加载内容,减少初始页面加载时间。...

    extjs点击右侧面板生成tab

    extjs点击右侧面板生成tab,面板是ul+li的

    extjs tab panel

    ExtJS Tab Panel是Ext JS库中的一个核心组件,它用于创建具有多个标签页的应用界面,类似于浏览器中的标签页。在Web应用中,Tab Panel经常被用来组织和展示大量的信息,让用户能够在一个页面上轻松切换不同的内容...

    Ext中的tabpanel关闭后再打开不显示的问题

    在Ext框架中,`TabPanel`是一个非常重要的组件,用于实现页面中的多标签页功能。然而,在实际应用过程中可能会遇到一个常见问题:当某个标签页被关闭后,如果尝试重新打开该标签页,则可能会出现无法正常显示的情况...

    ExtJS扩展:垂直页签tabPanel

    在“ExtJS扩展:垂直页签tabPanel”这个主题中,我们将探讨如何在ExtJS中实现一个创新的垂直布局的页签(tab)组件,这在很多情况下可以提供更好的用户界面体验。 首先,我们看到有两个JavaScript文件,TabPanel.js...

    ExtJS-3.4.0系列:Ext.TabPanel

    在本文中,我们将深入探讨ExtJS中的`Ext.TabPanel`组件,它是创建多标签界面的核心元素。`Ext.TabPanel`允许开发者在单个容器中组织多个面板或视图,每个面板都有自己的标题,并且可以通过标签页进行切换。让我们...

    Extjs4 tab 基本选项卡及增删插入操作

    在这个“Extjs4 tab 基本选项卡及增删插入操作”的主题中,我们将深入探讨如何使用ExtJS 4来管理TabPanel的选项卡,包括创建、删除和插入操作。 首先,让我们了解TabPanel的基本配置和选项: 1. **创建TabPanel** ...

    ExtJS TabPanel beforeremove beforeclose使用说明

    在ExtJS中,TabPanel是常用的组件,用于展示多个面板(Panel)并提供标签页切换功能。当用户尝试关闭TabPanel中的某个Panel时,我们可能需要执行一些验证或确认操作,例如弹出对话框询问用户是否真的要关闭当前页面...

    ExtJs中引用的三个js

    在“ExtJs中引用的三个js”这个主题中,我们主要关注的是ExtJS框架的核心组成部分,通常包括基础库文件、核心组件以及可能的应用配置文件。 1. **基础库文件**:这是ExtJS的基础,通常命名为`ext-all.js`或`ext.js`...

    extjs4 开发的部分纯静态页面

    博文链接指向的是一个ITEYE博客文章,虽然具体内容无法在当前环境中查看,但我们可以推测博主可能分享了关于如何使用ExtJS 4开发静态页面的技巧、示例代码或者常见问题解决方案。 在压缩包的文件名称列表中,我们有...

    ext js 页面自动刷新教程集合

    在Ext JS中,页面的自动刷新功能通常涉及到数据网格(Grid)的实时更新,这在处理动态数据流或者需要实时显示新数据的场景中非常常见。本教程集合将深入探讨如何在Ext JS中实现页面,特别是数据网格的自动刷新。 一...

Global site tag (gtag.js) - Google Analytics