學(xué)習(xí)ExtJS（二） Button常用方法
更新時(shí)間：2009年10月07日 22:37:10 作者：
ExtJS Button常用方法，需要學(xué)習(xí)的朋友可以參考下。
一、屬性
renderTo：將當(dāng)前對(duì)象所生成的HTML對(duì)象存放在指定的對(duì)象中
text：得到按鈕名稱
minWidth：按鈕最小寬度
hidden：按鈕的隱藏或顯示(true or false)
二、構(gòu)造參數(shù)
handler：指定一個(gè)函數(shù)句柄，在默認(rèn)事件觸發(fā)時(shí)調(diào)用，此時(shí)在默認(rèn)事件為click
listeners：在對(duì)象初始化之前，將一系列事件進(jìn)行綁定。
三、函數(shù)
getBogy()：對(duì)到Body對(duì)象
onReady()：當(dāng)頁(yè)面加載完成時(shí)執(zhí)行本函數(shù)
getText()：得到按鈕名稱
setText("按鈕名稱")：設(shè)置按鈕名稱
四、應(yīng)用舉例
Ext.onReady(function(){
var button= new Ext.Button({
renderTo:Ext.getBody(),
text:"確定",
listeners:{
"click":function()
{
alert("Hello");
}
}
})
button.minWidth=200;
button.setText("EasyPass");
})
Ext.onReady(function(){
var button= new Ext.Button({
renderTo:Ext.getBody(),
text:"確定"
})
button.on("click",function(){
alert("hello");
})
button.minWidth=200;
button.setText("EasyPass");
})
renderTo：將當(dāng)前對(duì)象所生成的HTML對(duì)象存放在指定的對(duì)象中
text：得到按鈕名稱
minWidth：按鈕最小寬度
hidden：按鈕的隱藏或顯示(true or false)
二、構(gòu)造參數(shù)
handler：指定一個(gè)函數(shù)句柄，在默認(rèn)事件觸發(fā)時(shí)調(diào)用，此時(shí)在默認(rèn)事件為click
listeners：在對(duì)象初始化之前，將一系列事件進(jìn)行綁定。
三、函數(shù)
getBogy()：對(duì)到Body對(duì)象
onReady()：當(dāng)頁(yè)面加載完成時(shí)執(zhí)行本函數(shù)
getText()：得到按鈕名稱
setText("按鈕名稱")：設(shè)置按鈕名稱
四、應(yīng)用舉例
復(fù)制代碼 代碼如下:
Ext.onReady(function(){
var button= new Ext.Button({
renderTo:Ext.getBody(),
text:"確定",
listeners:{
"click":function()
{
alert("Hello");
}
}
})
button.minWidth=200;
button.setText("EasyPass");
})
復(fù)制代碼 代碼如下:
Ext.onReady(function(){
var button= new Ext.Button({
renderTo:Ext.getBody(),
text:"確定"
})
button.on("click",function(){
alert("hello");
})
button.minWidth=200;
button.setText("EasyPass");
})
相關(guān)文章
層序遍歷在ExtJs的TreePanel中的應(yīng)用
今天幫朋友解決了一個(gè)問(wèn)題：使用ExtJs的TreePanel控件，如何得到樹的第一個(gè)葉子節(jié)點(diǎn)的信息。2009-10-10
Ext對(duì)基本類型的擴(kuò)展 ext,extjs,format
Ext對(duì)基本類型的擴(kuò)展 ext,extjs,format，學(xué)習(xí)extjs的朋友可以參考下。2010-12-12
Extjs4.0 ComboBox如何實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)
Extjs4.0 ComboBox如何實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)，許多網(wǎng)友都很好奇這個(gè)問(wèn)題，明確的一點(diǎn)是在extjs4.0中要使用load來(lái)獲取數(shù)據(jù)，到底如何實(shí)現(xiàn)，下面小編為大家分享具體步驟2016-05-05
ExtJS 2.0 實(shí)用簡(jiǎn)明教程之布局概述
所謂布局就是指容器組件中子元素的分布、排列組合方式。Ext的所有容器組件都支持而局操作，每一個(gè)容器都會(huì)有一個(gè)對(duì)應(yīng)的布局，布局負(fù)責(zé)管理容器組件中子元素的排列、組合及渲染方式等。2009-04-04
Extjs優(yōu)化(一)刪除冗余代碼提高運(yùn)行速度
Extjs 本身是一個(gè)加載慢的JS框架，這次來(lái)寫寫怎么減少冗余代碼，也是提高運(yùn)行速度，感興趣的朋友可以參考下哈，希望可以幫助到你2013-04-04
extjs 時(shí)間范圍選擇自動(dòng)判斷的實(shí)現(xiàn)代碼
這篇文章主要介紹了extjs 時(shí)間范圍選擇自動(dòng)判斷的實(shí)現(xiàn)代碼,需要的朋友可以參考下2014-06-06
網(wǎng)上找了好多EXTJS上傳圖片預(yù)覽的，但都不行，，，下面雖然IE8可以但肯定還存在其它瀏覽器的兼容性問(wèn)題，待擱應(yīng)付一下吧2012-03-03
extjs 學(xué)習(xí)筆記（三） 最基本的grid
extjs的一個(gè)亮點(diǎn)就是提供了豐富的UI，使得沒有藝術(shù)細(xì)胞的程序員也能做出絢麗的界面。把所有的UI集中到一起，有好處也有壞處，好處是有了統(tǒng)一的風(fēng)格和接口，壞處是js文件過(guò)于龐大，使用extjs的最小集合也超過(guò)了500k，所以在有些項(xiàng)目中并不適用。2009-10-10
ExtJS form布局使用說(shuō)明，需要的朋友可以參考下。2009-10-10
Extjs grid panel自帶滾動(dòng)條失效的解決方法
對(duì)gridPanel中的stroe數(shù)據(jù)進(jìn)行過(guò)濾，所以有時(shí)候總是導(dǎo)致gridPanel自身所帶的scrollbar失效，好了，現(xiàn)在來(lái)說(shuō)說(shuō)怎么解決scrollbar失效2014-09-09