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....