Extjs在IE浏览器中报 'events'为空或不是对象 或 'render'为空或不是对象 的问题

Extjs在IE浏览器中报 'events'为空或不是对象 或 'render'为空或不是对象 的问题

 

一.'events'为空或不是对象:
1.问题描述:
    Extjs代码,在ChromeFireFox中都不报错,在IE中报“'events'为空或不是对象”的错误
2.问题分析:
    报这个错误的原因大多数是因为items中的最后一项多了一个逗号
3.问题解决示例

Ext.onReady(function(){   
	new Ext.Panel({   
		renderTo:"hello",   
		tltie:"容器组件",   
		width:500,   
		height:200,   
		layout:"accordion",   
		layoutConfig:{   
	        animate:true   
		},   
		items:[
			{title:"子元素1",html:"这是子元素1的内容"},   
	    	{title:"子元素2",html:"这是子元素2的内容"},   
	    	{title:"子元素3",html:"这是子元素3的内容"},   
	    ]   
	});       
}); 

解决:去掉items最后一项后面的逗号
          Extjs在IE浏览器中报 'events'为空或不是对象 或 'render'为空或不是对象 的问题_第1张图片


二.'render'为空或不是对象:
1.问题描述:
    Extjs代码,在ChromeFireFox中都不报错,在IE中报“'render'为空或不是对象”的错误
2.问题分析:
    报这个错误的原因大多数是因为buttons中的最后一项多了一个逗号
3.问题解决示例:

Ext.onReady(function(){   
	new Ext.Panel({   
		renderTo:"hello",   
		tltie:"容器组件",   
		width:500,   
		height:200,   
		layout:"accordion",   
		layoutConfig:{   
            animate:true   
		},   
		items:[
			{title:"子元素1",html:"这是子元素1的内容"}  
		],  
		buttons : [   
			{
				text : "保存",   
				iconCls : 'save',  
				handler :function(){  
					this.save;  
				},  
				scope : this
			},{
				text : "关闭",   
				iconCls : 'close',  
				handler :this.closeWin,  
				scope : this
			},  
		]  
	});   

}); 

解决:去掉buttons最后一项后面的逗号
         Extjs在IE浏览器中报 'events'为空或不是对象 或 'render'为空或不是对象 的问题_第2张图片
 

注意:

      若Extjs代码写在JS文件中,一般IDE会自动发现该逗号的错误,但是写在jsp文件中就不能发现了。

你可能感兴趣的:(IE,ExtJs,events)