Ext4.2.1學習歷程之二:自定義類及類的動態載入
阿新 • • 發佈:2018-12-31
原文出處 http://blog.itpub.net/28562677/viewspace-1067421/
--------------------------------------------------------------
在些extjs類的定義時有必要簡單介紹一下js原生態的類定義,已做參考
原生態自定義類:點選(此處)摺疊或開啟
-
function Person(name){
-
this.name=name;
-
this.sayHello=function(content){
-
alert(this.name+\'說:\'+content);
-
}
-
}
- new Person(\'sc\').sayHello(\'hello world!\')
點選(此處)摺疊或開啟
-
Ext.define(\'Myapp.Person\',{
-
config:{
-
name:\'\'
-
},
-
sayHello:function(oparetion){
-
Ext.Msg.alert(this.name,oparetion);
-
},
-
constructor:function(name){
-
this.initConfig(name);
-
}
- })
點選(此處)摺疊或開啟
-
Ext.onReady(function(){
-
Ext.create(\"Myapp.Person\",{
-
name:\'sc\'
-
}).sayHello(\'hello
world!\');
- })
現在我們再來看看動態載入,還是用上面的這個例子演示:
建立一個Person.js的檔案,內容為:
點選(此處)摺疊或開啟
-
Ext.define(\'Myapp.Person\',{
-
config:{
-
name:\'cc\'
-
},
-
sayHello:function(oparetion){
-
Ext.Msg.alert(this.name,oparetion);
-
},
-
constructor:function(name){
-
this.initConfig(name);
- })
點選(此處)摺疊或開啟
-
Ext.onReady(function(){
-
Ext.Loader.setConfig({
-
enabled: true,
-
paths: {
-
Myapp:\"resources/myjs\"
-
}
-
});
-
Ext.create(\"Myapp.Person\",{
-
name:\'sc\'
-
}).sayHello(\'hello
world!\');
- })
2、paths: {Myapp:"resources/myjs"}中"resources/myjs這段是Person.js的相對路徑;
3、Ext.create(\"Myapp.Person\",{})中Myapp.Person是自定義類的全名,不可以使用別名,負責是無法找到自定義類的js的;4、建立的js檔名稱必須與Ext.create(\"Myapp.Person\",{})中的Person名稱一致,因為在執行的時候會根據Myapp.Person中的Person來找Person.js.沒有的話就會報錯;
最近學習有些忙!寫的有些簡單,如果有需要交流的童鞋盆友留言交流;