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.沒有的話就會報錯；
最近學習有些忙！寫的有些簡單，如果有需要交流的童鞋盆友留言交流；