ExtJs基础

方法和属性

Ext.caeate方法相当于创建一个实例对象

renderTo:Ext.getBody()  新创建的组件渲染到什么位置

grid.render('grid-example'); /renderTo: document.body/ renderTo: Ext.getDom('cata'),

flex 是设置每列自动分配宽度的

selModel: { selType: 'checkboxmodel' }, 多选框

bbar底部  lbar左边   rbar右边  fbar（footbar最底部)

up down 这两个方法表示向上或向下查找

tbar:{//表示当前组件的top位置添加工具条一个

  { xtype:'button'

    text:'button1'

}

常用

var btn = Ext.get('btn');    //这个元素是经过Ext包装的一个Ext的Dom对象

alert(btn.dom.value);

结合JQuery Code : var btn = $('btn');  var dombtn = btn.get(0);

Ext.define('Person',{

 config:{//配置当前类的属性内容   并且会加上get/set方法

     name:'z3',

     age:20

  }

}

Ext items(array) 配置了组件的配置项

Ext组件给我们提供了一个简单的写法  xtype属性去创建组件  

相当于new Ext.button.Button({

     text：‘我是按钮’

     handler:function(){

         alert('执行‘）;

     }

})

items:[{

   xtype:'button',

   text:'我是按钮',

   handler:function(btn){

      alert(btn.text);

   }  //当button点击后调用 btn  当前button对象

}]