EXTJS学习三

 Extjs 4中，为类型系统引入了Config概念，Config就是配置项的意思，用{configItem1:value1...}表示，在对象构造的时候，会调用this.initConfig(config)将配置项初始化，每个配置项自动生成4个函数：get set reset apply。

    Mixins也是新概念，相当于调用Ext.apply(this,other)将other类中的方法合并到当前的类中，也相当于另一种形式的继承。

    下面用代码测试一下，使用了Siesta测试框架，有兴趣可以google一下，很强大的测试系统。

 

Js代码  

1. StartTest(function(t) {  
2.             t.diag("Extjs common test");  
3.             t.ok(Ext,"Ext is here");  
4.             Ext.define("test.Talk",  
5.                 {  
6.                     talk:function()  
7.                         {  
8.                             return 'talk'  
9.                         }  
10.                 }  
11.                 );  
12.             Ext.define("test.Person",  
13.                 {  
14.                     mixins:  
15.                     {  
16.                         everyOneNeedTalk:"test.Talk"  
17.                     }  
18.                 });  
19.             var p = Ext.create("test.Person");  
20.             t.is('talk',p.talk(),'The method is mixin')  
21.   
22.             Ext.define("test.Student",{  
23.                 config:{  
24.                            gender:'boy'  
25.                        },  
26.                 constructor:function(config){  
27.                             this.initConfig(config);  
28.                             //这里需要调用initConfig，否则不会自动生成getter 和 setter                        
29.                         }  
30.             });  
31.             var s = Ext.create('test.Student')  
32.             t.is(s.getGender(),'boy','generate getter')  
33.             s.setGender('girl');  
34.             t.is(s.getGender(),'girl','generate setter')  
35.               
36.             t.done(); // Optional, marks the correct exit point from the test  
37.         });