ExtJs 4.1 笔记

1. 类定义: Ext.define(className, members, onClassCreated);

  Ext.define('person',{
 

       /* 只读属性, 不会自动生成 getName() or setName() 方法 */    

       name:'apple',
    
      /* 自动生成 getAge() or setAge() 方法 ... */    

     confing:{
            age:18,
            wife:{name:'yu',age:18}
    }, 
    

     /*可选*/
    applyAge:function(age){

            if(age==null){
                 alert('cannot set age value');
            }
            else{
                 return age
            }
     } /* 调用 setAge() 时, 会自动先调用其applyAge, 如果有返回值, setAge() 才会有效*/

 

    /*静态成员*/

    static:{ myAge:20 },

 

    /*构造函数*/

    constructor:function(confing){
     
              this.initConfig(config);  /* config 实例成员的初始化形式 */
              this.self.myAge=30;     /* 静态成员的调用形式 */
    },

    

    /* 实例方法*/

    canRun:function(){alert('100km/h');}

 

   });

 

2. 类实例创建: var obj=Ext.create(className,constructorParams);  /*constructorParams 可选*/

 

3. 程序入口:

Ext.application({

             
             launch:function(){
                              Ext.create(...);/*等等其它*/
                       } 

                    });

 

4. 布局之一: 可以通过 xtype='container', 容器装容器

 

var container=Ext.create('Ext.container.Container', {
        anchor: '100%',
        layout:'column',//布局方式
        items:[{
            xtype: 'container',
            columnWidth:.5,  //0.50
            layout: 'anchor',//布局方式
            items: [表单对象...]
      },{
            xtype: 'container',
            columnWidth:.5,
            layout: 'anchor',//布局方式
            items: [表单对象...]
    }]
});

 

5. model 与 store:

model:  就是一个空表对象

store: 就是通过model属性绑定model对象, 然后装载数据至model对象后的一个数据集合.

装载数据形式: 有内部和外部两种,

      内部是通过 data

      外部是通过 proxy