学习ExtJS（二） Button常用方法

学习ExtJS（二） Button常用方法

作者： 字体：[增加 减小] 类型：转载 时间：2009-10-07 我要评论

ExtJS Button常用方法，需要学习的朋友可以参考下。

id="cproIframe_u2261530_2" width="680" height="200" src="http://pos.baidu.com/acom?adn=3&adp=1&at=0&aurl=&c01=1&cad=1&ccd=24&cec=GBK&cfv=0&ch=0&col=zh-CN&conBW=1&conOP=1&cpa=1&cpro_lu=1%2C%23dfe4f9%2C%23000000%2C%E5%AE%8B%E4%BD%93&dai=2&dis=0&layout_filter=image&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DPrgeSnf3GDCHSHJiBhDYtQuDzE2F8vvVSJxWw6zbbEx15RXpMs3iJLyAhMuWoOT1%26wd%3D%26eqid%3Dba18a84d00032f9d00000005566fb8b9&ltu=http%3A%2F%2Fwww.jb51.net%2Farticle%2F20285.htm&lu_161=0&lunum=6&n=jb51_cpr&pat=6&pcs=1091x580&pih=0&pis=10000x10000&piw=0&ps=493x50&psr=1366x768&pss=1091x499&ptbg=90&ptp=0&ptt=0&qn=88272aaea1300717&rad=&rsi0=680&rsi1=200&rsi5=4&rss0=%23FFFFFF&rss1=%23FFFFFF&rss2=%23000000&rss3=%23444444&rss4=%23008000&rss5=&rss6=%23e10900&rss7=&scale=&skin=tabcloud_skin_5&stid=5&td_id=2261530&titFF=%25E5%25BE%25AE%25E8%25BD%25AF%25E9%259B%2585%25E9%25BB%2591&titFS=14&titSU=0&titTA=left&tn=baiduCustNativeAD&tpr=1450162317600&ts=1&version=2.0&xuanting=0&dtm=BAIDU_DUP2_SETJSONADSLOT&dc=2&di=u2261530&ti=%E5%AD%A6%E4%B9%A0ExtJS%EF%BC%88%E4%BA%8C%EF%BC%89%20Button%E5%B8%B8%E7%94%A8%E6%96%B9%E6%B3%95_extjs_%E8%84%9A%E6%9C%AC%E4%B9%8B%E5%AE%B6&tt=1450162317586.199.302.302" align="center,center" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true" style="display: block;">

一、属性 
renderTo：将当前对象所生成的HTML对象存放在指定的对象中 
text：得到按钮名称 
minWidth：按钮最小宽度 
hidden：按钮的隐藏或显示(true or false) 
二、构造参数 
handler：指定一个函数句柄，在默认事件触发时调用，此时在默认事件为click 
listeners：在对象初始化之前，将一系列事件进行绑定。 
三、函数 
getBogy()：对到Body对象 
onReady()：当页面加载完成时执行本函数 
getText()：得到按钮名称 
setText("按钮名称")：设置按钮名称 
四、应用举例 

复制代码代码如下:

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"); 
})