`
linuxstuding
  • 浏览: 1259368 次
文章分类
社区版块
存档分类
最新评论

tabpanel页签的机制

 
阅读更多

tabpanel页签的机制:
页签展现渲染时,只会初始化渲染你所指定的activeTab这个子页签,其他的页签一律不渲染,所以也就不存在form的dom内容,如果没有指定activeTab页签不会初始化任何子页签,那么所有的form都不会得到渲染;另外,当鼠标点击一个子页签时,ext先判断该子页签是否渲染过,如果没有渲染先渲染该子页签的内容,也就是你的form,如果已经渲染过就直接显示。
知道以上原理,就不难理解你的问题了。
如果想解决这个问题,有两种方法:1、提交页签的form时,判断一下,如果form没有渲染,就让含有该form的子页签显示
2、改造ext页签的代码,使其在页签渲染时不只是初始化渲染activeTab,让它渲染所有的页签 。

如果你要一出来就渲染出所有的tab, 那么将tabpanel中的deferredRender属性 设置为false就好了。

分享到:
评论

相关推荐

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

    Extjs4.2 设置tabpanel当前活动页签的样式 Extjs是一个流行的JavaScript框架,用于构建丰富互联网应用程序(RIA)。其中,tabpanel是Extjs中一个常用的控件,用于显示多个面板。设置tabpanel当前活动页签的样式是...

    可以拖拽的页签面板----Ext TabPanel

    在EXT JS这个强大的JavaScript框架中,`Ext.TabPanel` 是一个非常重要的组件,它用于创建具有可切换页签的用户界面。在这个特定的例子中,我们关注的是一个扩展版的`Ext.TabPanel`,它增加了拖放(DragDrop)功能,...

    React-reacttabsReact标签组件

    4. **TabSelector**: TabSelector组件是内部机制的一部分,它根据用户的选择来决定哪个Tab和TabPanel是活动状态。开发者通常不需要直接操作这个组件,而是通过配置Tab和TabPanel的属性来影响其行为。 5. **Props**:...

    C#重绘TabControl的Tabpage标签,添加图片及关闭按钮

    在C#编程中,TabControl控件是Windows Forms应用程序中常用的一种组件...这个过程涉及到对Windows Forms图形编程的理解,以及对控件事件机制的掌握。通过这样的自定义,可以使得用户界面更加友好,提供更好的用户体验。

    点击添加标签

    当你点击`TreePanel`的一个节点时,EXT JS会根据节点的信息决定是否在`TabPanel`中创建新的标签页,或者如果标签页已存在,就切换到那个标签页。 实现这个功能的关键步骤如下: 1. **配置TreePanel**:首先,你...

    ext tab

    总结一下,EXTJS的TabPanel组件是构建多视图应用的关键,它提供了灵活的配置选项、丰富的事件机制以及易于扩展的结构。通过结合前端的JavaScript和后端的JSP,开发者可以创建出功能强大且用户友好的Web应用。对于...

    asp.net Coolite TablePanel使用

    - **简单易用**:TabPanel控件的使用非常简单,用户可以通过简单的配置快速地在界面上添加和管理标签页。 - **功能强大**:尽管简单,TabPanel提供了多种属性和方法来定制丰富的应用,例如可以设置选项卡的样式、...

    Tab控件(类型于AJAX里的TAB控件)

    3. 错误处理:在使用AJAX加载Tab内容时,还需要考虑网络错误、服务器错误等情况,提供相应的错误提示和处理机制,确保用户体验的连续性。 三、MyTab.cs的可能实现 在提供的文件名"MyTab.cs"中,".cs"通常是C#代码...

    Ext.Viewport布局

    - **`center`区域:** 包含`Ext.TabPanel`,用于展示一系列可切换的标签页。通过`activeTab`属性设置默认显示的第一个标签页索引。 #### 4. 动态内容加载与交互 代码还展示了如何动态加载内容到新的`TabPanel`中。...

    关于extjs中tabPanl关闭后的内存释放

    这主要源于JavaScript运行环境(如IE浏览器)的垃圾回收机制在某些场景下表现不佳,导致已关闭的TabPanel及其关联资源未能被及时清理,从而占用系统内存,最终可能导致应用响应速度下降,甚至浏览器崩溃。...

    wpf实现的一个好用的TabControl

    WPF是.NET Framework的一部分,用于构建桌面应用程序,提供了丰富的图形层、数据绑定、UI布局以及事件处理机制。TabControl是WPF中的一个容器控件,它包含一系列TabItem,每个TabItem代表一个可以切换的页面或视图。...

    extjs tab panel

    通过源码学习,开发者可以更深入地理解ExtJS的工作机制,以便于进行自定义扩展和性能优化。 工具方面,博客作者可能介绍了一些辅助开发ExtJS应用的工具,如Sencha CMD(Sencha的命令行工具)用于自动化构建过程,...

    JavaScript.-Extjs基础学习笔记

    紧接着,创建了`Store`对象,它负责管理数据并提供数据访问机制。在这个例子中,`MemoryProxy`被用作数据源,但也可以替换为`ScriptTagProxy`等其他代理,以便从远程服务器加载数据。最后,`GridPanel`对象被创建,...

    accpY2考证试题,必备的

    根据提供的文件信息,我们可以归纳总结出以下几个IT领域的知识点: ...- **ViewState**:ASP.NET 中的一种机制,用于保存页面状态。通过在 ViewState 中存储用户浏览过的页面数,可以实现跨页面的计数功能。

    ExtJs使用IFrame的实现代码

    在这个示例中,通过xtype创建的iframepanel被添加到TabPanel中,TabPanel用于实现标签页功能。这样用户就可以在不同的Tab页中切换,查看不同的内容。 具体来看,代码首先定义了一个名为var p_center的Ext.TabPanel...

    RDF 使用帮助

    ### RDF 使用帮助 ...#### 第六章:TABPANEL 页签容器 **TABPANEL** 容器是另一个重要的容器类型,用于创建包含多个标签页的界面。每个标签页都可以有自己的内容和标题。 - **简单的 TABPANEL 容器**: ```html ...

    Ext组件说明 Ext组件概述

    DataView组件用于展示数据集,支持各种数据绑定和动态更新机制。它通常与Ext的数据存储组件一起使用,以提供更复杂的数据显示效果。 ##### 6. **DatePicker(日期选择器)** DatePicker组件提供了一个直观的界面来...

    jquery 插件集合(最全)

    接着是**jQuery TABPANEL**,TabPanel通常用于将大量内容分隔到不同的面板中,每个面板对应一个标签页,用户可以通过点击标签切换显示内容。jQuery Tab插件提供了创建和管理这些标签页的功能,支持动态加载内容、...

Global site tag (gtag.js) - Google Analytics