`
Djava.sohu.com
  • 浏览: 64812 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

扩展Ext.TabPanel的一个问题 (2009-10-30)

阅读更多
又开始学习并应用Ext了,前一段在搞其它的东西,就又把Ext给放下来.这一段又重拾起Ext来。

做了一个简单的TabPanel的封装,运行一下, 竟然报错,代码挺简单的,代码如下:
XXX.widget.TabPanel= Ext.extend(Ext.TabPanel,{
	
	activeTab : 0,
	height    : 400,
	autoWidth : true,
	plain     : true,
	defaults  : {autoScroll:true},
	/**
	  * @override 
	  */
	initComponent : function(){
		XXX.widget.TabPanel.superclass.initComponent.call(this);		
	}
});
Ext.reg("wTabPanel", XXX.widget.TabPanel);

一直报找不到属性,最后找到出错地点,是在TabPanel的下面一段代码
    onBeforeAdd : function(item){
        var existing = item.events ? (this.items.containsKey(item.getItemId()) ? item : null) : this.items.get(item);
        if(existing){
            this.setActiveTab(item);
            return false;
        }
        Ext.TabPanel.superclass.onBeforeAdd.apply(this, arguments);
        var es = item.elements;
        item.elements = es ? es.replace(',header', '') : es;
        item.border = (item.border === true);
    },


暂时还没有查清楚为什么,通过分段排错,发现注释掉新组件的initComponent 方法就可以了.

时间比较紧,先解决问题,后面再看是什么问题,大家如果知道,欢迎指正,我会很感谢!
分享到:
评论

相关推荐

    ExtJS-3.4.0系列:Ext.TabPanel

    首先,`Ext.TabPanel`是`Ext.container.Container`类的一个子类,它扩展了容器的基本功能,增加了对标签页的支持。在提供的代码片段中,我们看到了一个简单的`Ext.TabPanel`实例的创建过程: ```javascript var ...

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

    在这个特定的例子中,我们关注的是一个扩展版的`Ext.TabPanel`,它增加了拖放(DragDrop)功能,允许用户通过拖动来重新排列页签。这样的功能增强了用户体验,使他们能够更自由地组织和浏览内容。 1. **Ext....

    Ext组件描述,各个组件含义

    - **功能描述**:Box Component 是一个非常基本的 Ext 组件,主要用于定义具有边框和其他布局属性的基本容器。它可以用来构建更复杂的用户界面组件。 - **主要用途**:作为其他复杂组件的基础结构,如容器或面板等。...

    Ext.plugins.TDGi.tabScrollerMenu插件的使用

    Ext.plugins.TDGi.tabScrollerMenu插件是用于Ext JS框架的一个扩展,它主要用于解决TabPanel组件中的选项卡过多时的展示问题。当TabPanel的选项卡数量超过一定限制,这个插件会提供一个下拉菜单,用户可以通过该菜单...

    yui的扩展ext.rar

    EXT是YUI的一个重要扩展,它进一步增强了YUI的功能,特别是在构建复杂的桌面级Web应用方面。本文将围绕"yui的扩展ext.rar"这一主题,详细解析EXT在UI设计和Ajax应用中的核心知识点。 1. EXT概述 EXT基于YUI构建,...

    ext.js拖动3.4版本插件

    总的来说,"ext.js拖动3.4版本插件"是一个实用的工具,它扩展了Ext JS的默认功能,让开发者可以更自由地设计和调整用户界面,提升用户的交互体验。通过熟练掌握这个插件,你可以创造出更加灵活和用户友好的Web应用。

    extjs控件列表

    - **描述**: 单选按钮,用于从一组互斥的选项中选择一个。 - **用途**: 性别选择、首选语言等。 **Ext.form.TextArea** - **描述**: 多行文本框,用于输入多行文本。 - **用途**: 意见反馈、留言等。 **Ext.form....

    ExtJS扩展:垂直页签tabPanel

    1. **扩展TabPanel类**:创建一个新的类,继承自Ext.TabPanel,并在扩展类中添加或覆盖必要的方法和配置,如`layout`配置项可能需要设置为自定义的垂直布局。 2. **自定义布局**:创建一个新的布局管理器,可能命名...

    Ext中TabPanel的动态页面加载

    在EXT JS这个强大的JavaScript库中,`TabPanel`是一个核心组件,用于实现多标签页界面。本篇文章将深入探讨如何在EXT JS的`TabPanel`中实现动态页面加载,这在构建可扩展且高效的Web应用时非常关键。通过动态加载,...

    ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页

    使用Ext.Viewport搭一个简单布局(用一个小例子来总结本文所有内容) 面板是ExtJs控件的基础,很多控件都是在面板的基础上扩展的,或者他会与其他控件之间有关系。 面板由一个工具栏、一个底部工具栏、面板头部、面板...

    tapestry4.02中封装ext的TabPanel组件

    而 Ext 是一个JavaScript库,提供了丰富的用户界面组件,包括TabPanel,它被广泛用于组织和展示多个相关的页面或内容区域。 首先,让我们了解什么是TabPanel。在Web UI设计中,TabPanel 是一种常见的布局元素,它将...

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

    在tabpanel中,每个面板对应一个标签页签,使用户可以在多个面板之间进行切换。当用户点击某个标签页签时,该标签页签将变为当前活动页签,并且其样式将发生变化。 要设置tabpanel当前活动页签的样式,可以添加CSS...

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

    这样,我们就成功地创建了一个能够根据数据值自动改变行背景颜色的GridPanel,并将其作为TabPanel的一个选项卡展示出来。 #### 四、总结 通过以上步骤,我们不仅学习了如何在ExtJS 4.2中根据不同数值设置TabPanel...

    extJs 2.1学习笔记

    10. Ext.data.Connection篇一 20 11. Ext.data.Connection篇二 24 12. Ext.Updater篇一 26 13. Ext.Updater篇二 27 14. JSON序列化篇 33 15. 通信篇 35 16. extJs 2.0学习笔记(Ajax篇) 38 17. extJs 2.0学习笔记(Ext...

    Extjs xtype集合

    在Extjs开发过程中,`xtype`(扩展类型)是极为重要的一个概念。它实际上是一种类型标识符,用于快速创建特定类型的组件实例。通过使用预定义的`xtype`值,开发者可以方便地构建出各种复杂的用户界面而无需编写大量...

    ExtJS3总结内容

    例如,要验证一个字段是否为有效的电子邮件地址,可以在`vtype`属性中设置为`email`: ```javascript new Ext.form.TextField({ fieldLabel: 'Email', name: 'email', vtype: 'email' }); ``` #### 结论 通过...

    EXT详解.pdf 好资料

    扩展EXT组件 - **EXT组件** 的扩展性非常好,可以通过继承现有的组件来创建新的组件。 - **文件的创建**: 首先创建包含新组件的JavaScript文件。 - **定义新组件**: 继承现有组件并添加新的特性或覆盖原有方法。 ...

    ExtJs_xtype一览

    - `tabpanel`:`Ext.TabPanel`,分页容器,每个页签代表一个单独的面板。 - `treepanel`:`Ext.tree.TreePanel`,显示树形结构的数据。 - `flash`:`Ext.FlashComponent`,自3.0版本起支持展示Flash内容的组件。 ...

    老师整理的extjs学习笔记

    `Ext.grid.EditorGridPanel` 是一个扩展了 `Ext.grid.GridPanel` 的组件,允许直接在表格中编辑数据。它结合了表格视图和表单编辑功能,使得数据编辑变得更加直观。 #### 九、Ext.tree.TreePanel -- 树的使用 **...

    Ext 学习总结 pdf版

    - **Ext.TabPanel篇**:`Ext.TabPanel`是一个容器组件,用于创建带有标签页的用户界面,可以在各个标签页之间切换显示不同的内容。 - **Function扩展篇**:这部分内容涉及对JavaScript原生函数的扩展,比如增加...

Global site tag (gtag.js) - Google Analytics