ext总结

1. 自定义MessageBox

Ext.MessageBox.show({
    title:'提示',
    msg:'自定义按钮',
    modal:true,
    buttons:Ext.Msg.YESNO
});

1. 获取dom

Ext.get('foo'); //通过Id获取元素

1. 添加类

addClass('elCss') //添加类

1. 改变样式

setStyle({ 
  color: 'red', 
  background: 'yellow', 
  font-weight: 'bold' 
}) //设置样式

1. query 操作

Ext.query("span") //所有的span元素
Ext.query("span", "foo"); //父元素为‘foo’的span
Ext.query("#foo"); 
Ext.query(".foo"); 
Ext.query("*"); 
Ext.query("div p");  查询p:被包含在div下
Ext.query("*[class]");
Ext.query("*[class=bar]");
Ext.query("*[class^=b]");
Ext.query("*[class$=r]"); 

1. 事件监听

e.on({
    'click' : {
        fn: this.onClick,
        scope: this,
        delay: 100
    },
    'mouseover' : {
        fn: this.onMouseOver,
        scope: this
    },
    'mouseout' : {
        fn: this.onMouseOut,
        scope: this
    }
});
或者下面的
el.on({
    'click' : this.onClick,
    'mouseover' : this.onMouseOver,
    'mouseout' : this.onMouseOut,
    scope: this
});

1. 通过id获取组件

getCmp(id)