Ext.Button组件的基本用法

1. <div id="btn"></div>  
2.     <script type="text/javascript">  
3.         Ext.onReady(function() {  
4.             Ext.QuickTips.init();  
5.             var _btn = new Ext.Button({  
6.                 renderTo : 'btn',  
7.                 id : 'ext_button',  
8.                 text : 'Ext Button组件的基本用法',  
9.                 minWidth : 300,  
10.                 tooltip : '提示信息：Ext Button组件的基本用法',  
11.                 tooltipType : 'title',//默认为 gtip，还有 title,区别在于样式不同,gtip漂亮一点  
12.                 handler : function() {  
13.                     alert(this.text);  
14.                     //3  
15.                 },  
16.                 listeners : {  
17.                     'click' : function() {  
18.                         alert("listeners的click响应");  
19.                         //1  
20.                         //这个方法将会在handler之前运行  
21.                     }  
22.                     /*,'mouseover' : function() { 
23.                         alert("mouseover"); 
24.                         //可以添加很多的事件 
25.                     }*/  
26.                 }  
27.             });  
28.   
29.             alert("直接使用_btn.text来获取按钮的显示的名称,_btn.text=" + _btn.text);  
30.             //通过Button的setText方法来改变Button的显示的名称  
31.             _btn.setText("通过Button.setText()方法来设置Button的显示的名称");  
32.             //这个非常bt  
33.             _btn.on('click',function(){  
34.                 //2  
35.                 alert(this.text+"使用on()方法绑定事件");  
36.             });  
37.         });  
38.     </script>  
39. 
    
40. 获取按钮的显示的名称直接使用对象"."，如：_btn.text，但是BT的是设置text的使用setText方法的。 
    对于Button的事件，有三种方式。 
    第一种：handler，这种方式默认的事件是"click"。 
    第二种：listeners,设置事件监听器（暂且这么理解）,可以设置多个不同种类的事件。 
    第三种：on()方法，这种是比较好理解和复合我个人的使用习惯的一种做法。因为我写jquery比较多。 
    对于click事件上面的三种方法的执行顺序是， listeners最先，再是on()方法,其次是handler。