Extjs学习之button

button可以通过handler来运行相关代码当用户单击button后，或者使用listeners来处理其他事件，例如鼠标移动

例一：

Ext.create('Ext.Button', {
text: 'Click me',
renderTo: Ext.getBody(),
handler: function() {
alert('You clicked the button!');
}
});

Ext.create('Ext.Container',{
renderTo:Ext.getBody(),
items:[
{
xtype:'button',
text:'My',
scale:'large'
}
]
});

scale属性指定button的外观大小，有'small''medium''large'三种属性

button也可以当做是菜单来用

Ext.create('Ext.Container',{
renderTo:Ext.getBody(),
items:[
{
xtype:'button',
text:'My',
scale:'large',
menu:[
{text:'1'},
{text:'2'},
{text:'3'}
]
}
]
});

listeners:
{
click:function()
{
this.setText('click');
},
mouseover:function()
{

alert('hello');

}
}

listeners有多个事件：

click
toggle
mouseover
mouseout
mouseshow
menuhide
menutriggerover
menutriggerout