ext学习笔记 2010-9-16 Ext.Button

var btn = new Ext.Button({  
                     text:"hello button!",  
                     allowDepress: true, //显示按钮按下效果，需要和enableToggle联合使用  
                     enableToggle: true,  //为按钮添加开关效果  
                     disabled: false, //是否禁用  
                     hidden: false, //是否隐藏  
                     hideMode: "display", //隐藏模式，默认是display，也可以使用visibility或offsets(visibility和display的区别是前者隐藏但保留位置，后者隐藏而不保留位置，后续元素会自动补位)  
                     hideParent: false, //是否隐藏parent组件，例如一个button在一个div上，如果在隐藏button同时需要隐藏div，这个属性应该设为true  
                     disabledClass: '', //按钮禁用时所使用的样式，默认是:x-item-disabled  
                     id:"a", //就是id了，不给的话ext会自动赋值  
                     menu:[  
                         {text:"menu1",handler: function(){Ext.Msg.alert("menuinfo","this is menu1!");}},  
                         {text:"menu2"},  
                         {text:"menu3"}  
                             ],  
                     listeners: {//添加监听事件，如果有多个事件就要使用它，格式如下，用逗号分割。如果是click事件默认优先交给handler处理。  
                         //"mouseover":function(){  
                         //      Ext.Msg.alert('info','this is listeners!');  
                         //}  
                     },  
                     tooltip: "gaga", //tooltip内容  
                     tooltipType: "qtip", //tooltip类型，默认使用qtip，但使用前必须先初始化，留意第一行js。也可以使用title。  
                     toggleGroup: "grouname",//给一组按钮添加开关效果，类似radio的效果，大家自己测试。  
                     type: "button", //默认button，可以设为submit或reset。  
                    renderTo: 'addBtn'//指定显示容器，这里设为body，也可以设为某个div，使用容器id作为标示。  
                     //handler: function(){Ext.Msg.alert('info','this is handler!')}  
                 });   
                   
                 function test(){  
                     Ext.Msg.alert('onevent', 'this is test function!');  
                 }  
                   
                 //以下是两个比较重要的方法，大家自行测试  
                 //on用于添加instener  
                 btn.on("mouseover", test);  
                 //un用于删除listener  
                 btn.un("mouseover", test);  

1. //以下是常用事件   
2.             //beforedestroy : ( Ext.Component this )    
3.             //beforehide : ( Ext.Component this )    
4.             //beforerender : ( Ext.Component this )    
5.             //beforeshow : ( Ext.Component this )    
6.             //beforestaterestore : ( Ext.Component this, Object state )    
7.             //beforestatesave : ( Ext.Component this, Object state )    
8.             //click : ( Button this, EventObject e )    
9.             //destroy : ( Ext.Component this )    
10.             //disable : ( Ext.Component this )    
11.             //enable : ( Ext.Component this )    
12.             //hide : ( Ext.Component this )    
13.             //menuhide : ( Button this, Menu menu )    
14.             //menushow : ( Button this, Menu menu )    
15.             //menutriggerout : ( Button this, Menu menu, EventObject e )    
16.             //menutriggerover : ( Button this, Menu menu, EventObject e )    
17.             //mouseout : ( Button this, Event e )    
18.             //mouseover : ( Button this, Event e )    
19.             //render : ( Ext.Component this )    
20.             //show : ( Ext.Component this )    
21.             //staterestore : ( Ext.Component this, Object state )    
22.             //statesave : ( Ext.Component this, Object state )    
23.             //toggle : ( Button this, Boolean pressed )    
24.                
25.             //以下是常用方法   
26.             //addClass( string cls ) : void    
27.             //addEvents( Object object ) : void    
28.             //addListener( String eventName, Function handler, [Object scope], [Object options] ) : void    
29.             //applyToMarkup( String/HTMLElement el ) : void    
30.             //cloneConfig( Object overrides ) : Ext.Component    
31.             //destroy() : void    
32.             //disable() : Ext.Component    
33.             //enable() : Ext.Component    
34.             //findParentBy( Function fcn, [Object scope] ) : Array    
35.             //findParentByType( String/Class xtype ) : Container    
36.             //fireEvent( String eventName, Object... args ) : Boolean    
37.             //focus() : void    
38.             //getEl() : Ext.Element    
39.             //getId() : String    
40.             //getItemId() : String    
41.             //getText() : String    
42.             //getXType() : String    
43.             //getXTypes() : String    
44.             //hasListener( String eventName ) : Boolean    
45.             //hasVisibleMenu() : Boolean    
46.             //hide() : Ext.Component    
47.             //hideMenu() : void    
48.             //initComponent() : void    
49.             //isVisible() : void    
50.             //isXType( String xtype, [Boolean shallow] ) : void    
51.             //on( String eventName, Function handler, [Object scope], [Object options] ) : void   
52.             //purgeListeners() : void //删除所有事件监听   
53.             //relayEvents( Object o, Array events ) : void    
54.             //removeClass( string cls ) : void    
55.             //removeListener( String eventName, Function handler, [Object scope] ) : void    
56.             //render( [Element/HTMLElement/String container], [String/Number position] ) : void    
57.             //resumeEvents() : void   //恢复所有事件监听   
58.             //setDisabled( Boolean disabled ) : void    
59.             //setHandler( Function handler, [Object scope] ) : void    
60.             //setIconClass( String cls ) : void    
61.             //setText( String text ) : void    
62.             //setVisible( Boolean visible ) : Ext.Component    
63.             //show() : Ext.Component    
64.             //showMenu() : void    
65.             //suspendEvents() : void  //取消所有事件监听，但handler继续有效   
66.             //toggle( [Boolean state] ) : void    
67.             //un( String eventName, Function handler, [Object scope] ) : void  //删除某个事件监听，使removeListener的缩写