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