`

extjs3——Ext.entend, IE, 未知的运行时错误

 
阅读更多

Extjs 3, 使用 ext-all-debug.js, 行4912 字符13

 

 

PerformancePanel = Ext.extend(Ext.Panel, {
    id: "performancePanelId",
    autoScroll:true,
    closable: false,

    initComponent: function() {

        var images = this.buildItems();       
        this.tbar = this.buildTBar();

        Ext.apply(this, {
            items: images
        });
        PerformancePanel.superclass.initComponent.apply(this, arguments);
    },
    buildItems: function() {
        return [
            {
                html:"<img src='performance!showImage.action?type=cpu"+urlExtraStr+" name='bindedItem' onerror='imgError(event)'/>",
                listeners:bindedItemListeners(false, false, false,false)
            }
        ]
    },
    buildTBar: function() {
        return {
            xtype: 'toolbar',
            items: [
                /*Note: here must use new Ext.Toolbar.Item(), otherwise, IE will cause  未知的运行时错误 ext-all-debug.js, 行4912 字符13
                 */
                new Ext.Toolbar.Item({
                    id: 'imgErrorId',
                    hidden: true,
                    html:'提示:<span style="color:#ff6633">该虚拟机一直处于关闭状态</span>'
                }),
                '->',
                getTimeSelectionRadioGroup()
            ]
        }
    },

 

其中,buildTBar中必须使用new Ext.Toolbar.Item(),否则如果直接使用如下,则会在IE中报错,而在firefox/chrom下运行正常。

 

 items:[{
                    id: 'imgErrorId',
                    hidden: true,
                    html:'提示:<span style="color:#ff6633">该虚拟机一直处于关闭状态</span>'
                } '->', getTimeSelectionRadioGroup()]
  
分享到:
评论

相关推荐

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    extjs-Ext.ux.form.LovCombo下拉框

    在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...

    ExtJs4.0 使用心得@1 Ext.util.Format.Number()

    本文将深入探讨Ext.util.Format.Number()函数,它是ExtJS 4.0中的一个重要工具,用于格式化数字。 `Ext.util.Format`是ExtJS中一个非常实用的工具类,包含了一系列用于字符串、日期和数值等类型的数据格式化的静态...

    ExtJS 4.0 改善Ext.grid.plugin.RowEditing (重构,v1.4版本,2011-09-11)

    3. 性能优化:重构可能涉及减少DOM操作,提高响应速度,尤其在处理大量数据时。 4. API调整:新的版本可能引入了更友好的API,方便开发者集成和扩展插件功能。 5. 兼容性提升:可能增强了与其他ExtJS组件或框架的...

    extjs4的Ext.frorm.Panel控件属性说明和表单控件说明

    autoFitErrors : false, //展示错误信息时是否自动调整字段组件宽度 labelSeparator :':', //分隔符 labelWidth : 50, //标签宽度 width : 150, //字段宽度 allowBlank : false, //是否允许为空 blankText ...

    ExtJS ToolTip功能

    在ExtJS中,`ToolTip`功能是一种非常实用且灵活的功能,它允许用户在鼠标悬停在某个元素上时显示额外的信息。这种特性对于提高用户界面的可用性和用户体验尤其有用。本文将详细介绍如何在ExtJS中实现ToolTip,并通过...

    EXTJS3 Ext.PagingToolbar() 快捷键应用

    在EXTJS3中,`Ext.PagingToolbar()` 是一个非常重要的组件,用于在大量数据的网格或视图中实现分页功能。这个组件允许用户轻松地浏览和操作大量的记录,而不需要一次性加载所有数据,从而提高了应用程序的性能和用户...

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    在使用ExtJs开发Web应用程序时,实现用户在进行耗时的Ajax请求时的等待提示效果是一个常见的需求。ExtJs提供了Ext.Ajax.request方法来进行Ajax请求,但默认情况下,该方法不支持waitMsg属性,不像fp.form.submit方法...

    extjs4.1-ux.rar

    3、Ext.ux.upload.Button 4、Ext.ux.toggleslide.ToggleSlide 5、Ext.ux.container.ButtonSegment 6、Ext.ux.grid.plugin.RowEditing 7、Ext.ux.grid.plugin.DragSelector 8、Ext.ux.grid.plugin.SortMenu 9、Ext.ux...

    Ext.Ajax.request跨域

    标题"Ext.Ajax.request跨域"指出我们将探讨如何使用ExtJS库中的Ajax模块进行跨域请求。Ext.Ajax.request是ExtJS提供的一种发起Ajax请求的方式,它允许开发者向服务器发送异步HTTP请求。然而,由于浏览器的同源策略...

    Ext.Ajax.request2.x实现同步请求

    在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    ExtJS是一个广泛使用的JavaScript库,专门用于构建富客户端应用程序。版本3.3是该库的一个稳定版本,提供了许多功能和组件,使得Web开发者能够创建功能丰富的、交互性强的用户界面。这个“ExtJS3.3中文API.CHM”文档...

    ExtJS 3.4.0中的 ext.jsb2 文件

    在使用`ext.jsb2`时,通常会结合Sencha CMD(Sencha Command)工具,这是一个命令行工具,为ExtJS和Sencha Touch应用提供自动化构建流程。通过Sencha CMD,你可以使用`ext.jsb2`中的信息来生成一个优化过的...

    extjs单元格合并

    EXTJS单元格合并 EXTJS单元格合并是指在EXTJS GridPanel中实现单元格合并的功能。单元格合并可以使得GridPanel中的数据显示更加简洁和清晰。下面将详细介绍EXTJS单元格合并的实现方法。 一、加入CSS样式 在实现...

    extjs 可编辑的表格树 Ext.tree.ColumnTree Ext.tree.ColumnTreeEditor

    extjs 可编辑的表格树,每个单元格自定义编辑组件,可以自适应列宽,只有源码与例子,运行实例要修改路径,不然图片不能显示,注意etree.jsp的js引入路径 支持Ext2.x以上版本 如运行不了EmailTo : codeme9@gmail....

    Ext.ux.UploadDialog.zip

    3. **取消与暂停上传**:为了提高用户体验,UploadDialog通常提供取消上传和暂停上传的功能,以便用户在必要时中断或暂停文件传输。 4. **错误处理**:如果在上传过程中遇到问题,如网络故障或服务器错误,...

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    这种组件在数据选择上非常实用,尤其当数据层级关系复杂时,可以方便地进行多选或单选操作。下面我们将深入探讨ComboboxTree的实现原理、主要功能以及如何在实际项目中应用。 1. **ComboboxTree的基本概念** ...

    ExtJs选中var editor = new Ext.ux.grid.RowEditor详解

    ### ExtJs选中 `var editor = new Ext.ux.grid.RowEditor` 详解 在Web开发领域,特别是使用ExtJs框架进行复杂用户界面构建时,`RowEditor` 是一个非常实用的功能,它允许用户直接在表格行内编辑数据,极大地提高了...

    Ext.get与Ext.fly 的区别

    在EXTJS这个强大的JavaScript框架中,`Ext.get`和`Ext.fly`是两个非常重要的方法,它们都用于操作DOM元素,但它们之间存在着微妙的差异。了解这些差异对于优化代码性能和理解EXTJS的工作机制至关重要。 首先,`Ext....

Global site tag (gtag.js) - Google Analytics