异常TypeError: Ext.get(...) is null

最新推荐文章于 2023-11-22 10:12:20 发布

0X码上链

最新推荐文章于 2023-11-22 10:12:20 发布

阅读量2.5k

点赞数

分类专栏： Javascript web前端技术 Exceptions 文章标签： ext

本文链接：https://blog.csdn.net/wzygis/article/details/24987151

版权

web前端技术同时被 3 个专栏收录

43 篇文章 1 订阅

订阅专栏

Javascript

25 篇文章 0 订阅

订阅专栏

Exceptions

24 篇文章 0 订阅

订阅专栏

问题：

用Ext.get()方法去页面获取元素id号，返回异常：TypeError: Ext.get(...) is null

解决方法：

将代码放到Ext.onReady之中。让页面元素加载完成后，ext再去获取元素id号。

Ext.onReady(function(){

//这里放置代码

})

html：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
<script type="text/javascript" src="extjs/bootstrap.js"></script>
<script type="text/javascript" src="js/mixins.js"></script>
<title>测试页</title>
</head>
<body>
	<h2>hello world</h2>
	<button id="sing">Show Sing Window</button>
	<button id="say">Show Say Window</button>
</body>
</html>

Javascript

(function(){
	Ext.onReady(function(){
		Ext.define("Person",{
			canSing:function(){
				alert("I can sing many songs!");
			}
		});
		Ext.define("Person2",{
			canSay:function(){
				alert("I can say hello world");
			}
		});
		Ext.define("Person3",{
			mixins:{
				Person:'Person',
				Person2:'Person2'
			}
		});
		var p = Ext.create("Person3",{});
		Ext.get("sing").on("click",function(){
			p.canSing();
		});
		Ext.get("say").on("click",function(){
			p.canSay();
		});
	});
})();