`
qingfeng200468
  • 浏览: 51990 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

EXT 消息: 'this.el.dom' 为空或不是对象

阅读更多

最近做了一个项目,使用ext框架,想体验一个它华丽的外表,可项目做到接近尾声时,主页面有时报这样的错误:在ff中是正常,可在ie中报以下脚本错误,而且是有时,有时只刷新一次就正常了,但不能经常常现,偶尔会出现 ,给调试带来一定的难度。

 

消息: 'this.el.dom' 为空或不是对象
行: 63325
字符: 9
代码: 0
URI: http://localhost:8088/xxx/ext/js/ext-all-debug.js

 

后来根据层层筛选,确定应该是以下代码出问题了,

代码如下:由于业务要求原因,以下代码没有在Ext.onReady中执行,而是在先执行下面代码,再执行Ext.onReady中代码

var faultListForm = new Ext.form.FormPanel({
	hidden:false,
	id:'faultListForm',
	defaultType:'hidden',
	renderTo: document.body,
	items:[
		{id:'unitType', value: faultListConfig['unitType']},
		{id:'faultLevel', value:faultListConfig['faultLevel']},
		{id:'restoreState', value:faultListConfig['restoreState']},
		{id:'confirmState', value:faultListConfig['confirmState']},
		{id:'timeScope', value:faultListConfig['timeScope']},
		{id:'sortField', value:faultListConfig['sortField']}
	]
});

 考虑可能是ext中某些组件没有加载完,执行时就遇到异常,后将以上代码的renderTo:document.body,改成

renderTo: Ext.getBody(),

 就正常了,有点怪,本以为这两句就是一个意思!

 

0
1
分享到:
评论

相关推荐

    NVKindEditor3.5.4面向对象版(修改)

    this.el.dom.appendChild(this.textarea.dom); this.NVKindEditor = new NVKindEditor(); this.KE = this.NVKindEditor.KE; this.KE.init({ scope: this, id: this.textarea.dom.name, afterChange: ...

    Ext-window属性

    12. **bodyStyle**: 可以是一个字符串、对象或函数,用于向组件的内部元素(`this.el`)应用CSS样式。 13. **border**: 控制组件是否有边框,默认值为`true`。`border`的值会受到`bodyBorder`的影响,共同决定组件...

    Ext.js核心函数详解.docx

    10. `Ext.getDom( Mixed el )`: 根据提供的ID、DOM节点或`Ext.Element`对象,返回对应的DOM元素。 11. `Ext.getDoc()`和`Ext.getBody()`: 分别返回文档对象和Body对象,返回的是`Ext.Element`包装的对象,而不是...

    Ext.js核心函数详解.pdf

    如果要为一个元素设置ID并返回该ID,可以传入元素的ID、DOM对象或Ext.Element对象。可以提供前缀参数来定制ID的开头。 6. `Ext.extend(Object subclass, Object superclass, [Object overrides])`: 这是实现...

    EXTJS总结.txt

    Ext.fly('elId').appendChild(el.dom); // 添加CompositeElement,一组的div Ext.fly('elId').appendChild(Ext.select('div')); 31.appendTo 把这个元素添加到送入的元素里面。 var el = Ext.get('elId1'); //...

    EXT核心API详解

    - **功能**:为对象生成一个唯一的ID。 - **参数**: - `el`:对象。 - `prefix`:ID前缀(可选)。 - **示例**: ```javascript var el = document.createElement('div'); var id = Ext.id(el, 'prefix-'); //...

    ext入门学习文档

    - **Ext.Element**:核心对象,提供了跨浏览器的DOM方法和属性的统一接口。 - **Ext.get() 方法**:提供内置缓存,可以高效地获取DOM节点,并支持跨浏览器兼容性。 ```javascript var el = Ext.get('elementId'); ...

    ExtJS 3.2的中文参考手册

    - **绑定事件**: 通过 `addListener` 方法为DOM元素绑定事件监听器,例如:`el.addListener('click', function() { alert('Clicked!'); });`。 - **触发事件**: 使用 `fireEvent` 方法手动触发事件,如 `el.fire...

    Extjs 重写Panel添加click事件

    在Ext JS中,我们可以为任何具有DOM元素的组件添加click事件监听器。对于Panel来说,click事件可以监听在Panel的整个区域,或者特定的元素上,如标题、工具栏按钮等。 要重写Panel并添加click事件,我们首先需要...

    Vue中this.$nextTick的作用及用法

    首先,Vue在初始化组件时,会对`data`对象中的所有属性通过`Object.defineProperty`进行拦截,将其转换为getter和setter。这种方式使得Vue能够追踪数据的变化。每当数据被访问或修改时,getter和setter会通知Vue的...

    老师整理的extjs学习笔记

    var el = Ext.get('someId'); ``` **2.2 Ext.Template 及 Ext.XTemplate 模板应用** ##### 2.2.1 Ext.Template `Ext.Template` 是一种简单但功能强大的模板引擎,允许开发者使用简单的语法来定义 HTML 结构,并...

    解决extjs 桌面图标换行方法

    - **获取任务栏的高度**:通过查询DOM元素来确定任务栏的高度,从而计算出可用于放置图标的区域。 - **遍历图标元素**:通过`Ext.query`来获取所有`.ux-desktop-shortcut`类的元素,并逐个设置它们的位置。 - **换行...

    Extjs中文教程2.x

    100, labelAlign: 'right', allowBlank: false, listeners: { afterrender: function(field) { field.el.on('mouseover', function(e) { var tip = new Ext.ToolTip({ target: this, html: 'Hover tip' }, e.target...

    ExtJs事件处理 ajax

    - 在ExtJs中,可以使用`on`方法来监听DOM元素或Ext组件的事件。例如,监听ID为'somelink'的元素的点击事件,可以这样写: ```javascript var el = Ext.get('somelink'); el.on('click', function() { alert('...

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

    1. **移除DOM元素**:通过`this.el.remove();`直接从DOM树中移除与该TabPanel关联的元素,这是释放内存的第一步。 2. **清空引用**:将`getTabPage`和`tabPage`设置为`null`,断开对象间的所有引用链接,避免形成...

    ExtJS帮助文档

    无论是Ext库的新手还是想要深入了解Ext的人,以下内容都能为你提供有用的指导。 #### 下载Ext 对于初次接触Ext的用户来说,首先需要从官方网站下载最新的版本。访问http://extjs.com/downloads 获取相关文件。下载...

Global site tag (gtag.js) - Google Analytics