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对象

}]