您现在的位置:首页 >> 前端 >> 内容

ext总结

时间:2017/5/11 9:18:00 点击:

  核心提示:自定义MessageBoxExt.MessageBox.show({title:提示,msg:自定义按钮,modal:true,buttons:Ext.Msg.YESNO});获取domExt.get...
自定义MessageBox
Ext.MessageBox.show({
    title:'提示',
    msg:'自定义按钮',
    modal:true,
    buttons:Ext.Msg.YESNO
});
获取dom
Ext.get('foo'); //通过Id获取元素
添加类
addClass('elCss') //添加类
改变样式
setStyle({ 
  color: 'red', 
  background: 'yellow', 
  font-weight: 'bold' 
}) //设置样式
query 操作
Ext.query("span") //所有的span元素
Ext.query("span", "foo"); //父元素为‘foo’的span
Ext.query("#foo"); 
Ext.query(".foo"); 
Ext.query("*"); 
Ext.query("p p");  查询p:被包含在p下
Ext.query("*[class]");
Ext.query("*[class=bar]");
Ext.query("*[class^=b]");
Ext.query("*[class$=r]"); 
事件监听
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
});
通过id获取组件
getCmp(id)

Tags:EX XT T总 总结 
作者:网络 来源:_being_的专栏