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

1687 ワード

質問:
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();
		});
	});
})();