Ext.Class 屬性詳解

1 , alias : 至關於別名同樣,能夠起多個,能夠經過xtype和Ext.widget()建立實例:

Js代碼 

1. Ext.define('SimplePanel', {
2. extend: 'Ext.panel.Panel',
3. alias: ['widget.simplepanel_007','widget.simplepanel_008'],
4. title: 'Yeah!'
5. });
7. //經過Ext.widget()建立實例
8. Ext.widget('simplepanel_007',{
9. width : 100,
10. height : 100
11. }).render(Ext.getBody());
13. //經過xtype建立
14. Ext.widget('simplepanel_007', {
15. width : 100,
16. items: [
17. {xtype: 'simplepanel_008', html: 'Foo'},
18. {xtype: 'simplepanel_008', html: 'Bar'}
19. ]
20. }).render(Ext.getBody());

2 , alternateClassName : 跟alias有點相似,至關於給類找替身,能夠多個,能夠經過Ext.create()建立實例:

Js代碼 

1. Ext.define('Boy', {
2. //定義多個替身
3. alternateClassName: ['boy2', 'boy3'],
4. say : function(msg){
5. alert(msg);
6. }
7. });
9. var boy1 = Ext.create('Boy');
10. boy1.say('I am boy1...');
12. //能夠經過alternateClassName實例化該類
13. var boy2 = Ext.create('boy2');
14. boy2.say('I am boy2...');
16. var boy3 = Ext.create('boy3');
17. boy3.say('I am boy3...');

3 , config:類的屬性配置,屬性能夠自動生成geter/seter方法

Js代碼

1. Ext.define('Boy', {
2. config : {
3. name : 'czp',
4. age : 25
5. },
6. constructor: function(cfg) {
7. this.initConfig(cfg);
8. }
9. });
11. var czp = Ext.create('Boy',{name:'czpae86'});
12. //經過getName()方法得到屬性name值
13. alert(czp.getName());
14. //經過setAge()方法改變屬性age值
15. czp.setAge(25.5);

4 , extend : 繼承,能夠繼承單個類

Js代碼 

1. Ext.define('Person', {
2. say: function(text) { alert(text); }
3. });
4. Ext.define('Boy', {
5. extend : 'Person'
6. });
8. var czp = Ext.create('Boy');
9. //繼承了Person,因此能夠使用say()方法
10. czp.say('my name is czp.');

5 , inheritableStatics : 定義靜態方法,能夠經過"類名.方法名"調用靜態方法. 相似 statics屬性,

區別是:子類也能夠使用該靜態方法,但statics屬性定義的靜態方法子類是不會繼承的.

Js代碼 

1. Ext.define('Person', {
2. inheritableStatics : {
3. sleep : function(){
4. alert('sleep');
5. }
6. },
7. say: function(text) { alert(text); }
8. });
10. Ext.define('Boy', {
11. extend : 'Person'
12. });
14. //子類能夠經過"類名.方法名"調用父類經過"inheritableStatics"定義的方法
15. Boy.sleep();

6 , mixins : 能夠實現多繼承

Js代碼

1. Ext.define('Person', {
2. say: function(text) { alert(text); }
3. });
5. Ext.define('Boy', {
6. play : function(){
7. alert('play');
8. }
9. });
11. Ext.define('Gird', {
12. sleep : function(){
13. alert('sleep');
14. }
15. });
17. Ext.define('A_007', {
18. //繼承Person
19. extend : 'Person',
20. //同時繼承'Boy','Gird'
21. mixins : ['Boy','Gird']
22. });
24. var a_007 = new A_007();
25. a_007.say('我能夠say,也能夠play,還能夠sleep!!');
26. a_007.play();
27. a_007.sleep();

7 , singleton : 建立單例模式的類, 若是singleton爲true,那麼該類不能用經過new建立,也不能被繼承

Js代碼 

1. Ext.define('Logger', {
2. //singleton爲true
3. singleton: true,
4. log: function(msg) {
5. alert(msg);
6. }
7. });
8. //方法調用"類名.方法名"
9. Logger.log('Hello');

8 , statics : 與第5個inheritableStatics屬性相似,statics屬性定義的靜態方法子類是不會繼承的.請看第5個屬性.

9 , uses 和 requires : 與requires屬性相似,都是對某些類進行引用

uses -- 被引用的類能夠在該類以後才加載.

requires -- 被引用的類必須在該類以前加載.

Js代碼   

1. Ext.define('Gird', {
2. uses : ['Boy'],
3. getBoy : function(){
4. return Ext.create('Boy');
5. },
6. sleep : function(){
7. alert('sleep');
8. }
9. });
11. //對於uses屬性,Boy類放在後面是能夠的,不會報錯
12. Ext.define('Boy', {
13. play : function(){
14. alert('play');
15. }
16. });
19. //對於requires屬性,Boy類必須在Grid類以前加載,否則會報錯
20. Ext.define('Boy', {
21. play : function(){
22. alert('play');
23. }
24. });
26. Ext.define('Gird', {
27. requires : ['Boy'],
28. getBoy : function(){
29. return Ext.create('Boy');
30. },
31. sleep : function(){
32. alert('sleep');
33. }
34. });