Question

extjs 4.2.1 提示 无法读取空属性“DOM” ，怎么解决

代码 ：
<link rel="stylesheet" type="text/css" href="js/extjs4.2/resources/css/ext-all-neptune.css"/>
<script type="text/javascript" src="js/extjs4.2/ext-all.js"></script>
<script type="text/javascript" src="js/extjs4.2/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
function init(){
Ext.MessageBox.alert("Extjs","Hello Word!!");
}
//Ext.onReady(init);
var win = Ext.create("Ext.window.Window", {
title: '示例窗口',
width: 300,
height: 200
});
win.show();

</script>

错误：Uncaught TypeError: Cannot read property 'dom' of null

Answer 1

不太明白你定义的function init()这个有没有用到，Ext的语句一定要包括在Ext.onReady中，改成这样就可以了：

Ext.onReady(function () {
var win = Ext.create("Ext.window.Window", {
title: '示例窗口',
width: 300,
height: 200
});
win.show();
});

Answer 2

无法读取空属性“DOM”就是获取到的节点对象是空的用.获取属性的适合就会出错。
extjs 中要先判断dom对象是不是为空，如果为空就要特殊处理，否则就可以直接从获取到的dom对象中取值或者属性。