ExtJS筆記 Ext Button元件

2021-08-31 05:38:39 字數 2712 閱讀 4901

ext..button元件

例:ext.quicktips.init();

var buttonname = new ext.button(,//新增事件

listeners:

},cls:"x-btn-text-icon",//新增圖示前需要設定該屬性

icon:"house.gif", //圖示的位址

//plugins : object/array 擴充套件外掛程式時使用

repeat:false, //預設false ,如果為true,需要設定mouseover事件

renderto:"bind_button" //將元件的顯示效果渲染到某個節點的id

});

配置:1. id:"buttonname",

2. text:"button元件基本用法",

3. tooltip:"提示資訊:button元件基本用法", //提示資訊,如果需要顯示提示資訊,需要使用ext.quicktips.init();

4. ooltiptype:"title", //定義顯示提示資訊的型別,有qtip和title兩種方式,預設是qtip

5. ype:"button", //按鈕型別:可以是submit, reset or button  預設是 button

6. autoshow:true, //預設false,自動顯示

7. hidden:false, //預設false,是否隱藏

8. hidemode:"offsets", //隱藏方式,預設display,可以取值:display,offsets,visibility

9. cls:"cssbutton", //樣式定義,預設""

10. disabled:false, //是否可用,預設false

11. disabledclass:"", //預設x-item-disabled

12. enabletoggle:true, //預設false

13. pressed:false, //設定按鈕是否已經被按下,預設是false

14. html:"ext",//預設""

15. handlemouseevents:true, //預設true,如果為false,那麼mouseout mouseover就不能被觸發

16. x:number,y:number,在容器中的x,y座標

17. handler:function(),//新增事件

18. listeners:

},19. cls:"x-btn-text-icon",//新增圖示前需要設定該屬性

20. icon:"house.gif", //圖示的位址

21. plugins : object/array 擴充套件外掛程式時使用

22. repeat:false, //預設false ,如果為true,需要設定mouseover事件

23. renderto:"bind_button" //將元件的顯示效果渲染到某個節點的id

常用方法:

1. enable();啟用按鈕

2. disable();禁用按鈕

3. destroy();消滅按鈕

4. focus();按鈕獲取焦點

5. gettext();獲取按鈕上的文字

6. hide();隱藏按鈕

7. show();顯示按鈕

8. settext( string text );設定按鈕上的文字

9. setvisible( boolean visible );設定按鈕是否隱藏

10. buttonname.purgelisteners();

//使用該方法,意思是清除所有的監聽事件,所以當執行該句後就不會再執行listeners的click事件了。按鈕就不會被隱藏了。

11. buttonname.sethandler(fn);

//也可以通過這種方式設定handler事件:

buttonname.sethandler(function());

12. buttonname.on(eventname,fn);

//下面的事件可以自己測試下

buttonname.on("click",function());

buttonname.on("mouseover",function());

buttonname.on("mouseout",function());

mouseout : ( button this, event e ) ;

mouseover : ( button this, event e );

beforedestroy : ( ext.component this ) ;

beforehide : ( ext.component this ) ;

beforerender : ( ext.component this )

beforeshow : ( ext.component this )

click : ( button this, eventobject e )

destroy : ( ext.component this )

disable : ( ext.component this )

enable : ( ext.component this )

hide : ( ext.component this )

show : ( ext.component this )

render : ( ext.component this )

extjs學習筆記

1。元件的建構函式中一般都可以包含乙個物件,這個物件包含建立元件所需要的配置屬性及值,元件根據建構函式中的引數屬性值來初始化元件。var obj var panel new ext.panel obj panel.render hello 2。關於render render 方法後面的引數表示頁面上...

extjs 學習筆記

以前大搞過extjs,後來不用了,就忘了。最近又弄。哎,複習複習。搞extjs一定會遇到定製datagrid型別的view控制項的東東,這種東東一般都是被ext.data.store驅動的,那麼store就值得好好研究下了。擴充套件點 1.獲取資料 store.proxy or store.load...

extjs 學習筆記

應用extjs 需要在頁面中引入extjs樣式及extjs庫檔案.樣式檔案為 resources css ext all.css,extjs的js庫檔案主要包含兩個 adapter ext ext base.js 和 ext all.js 其中 ext base.js表示框架基礎庫,ext all....