学习ExtJS（二） Button常用方法

168 阅读 0 评论 111 点赞

我是靠谱客的博主复杂仙人掌，最近开发中收集的这篇文章主要介绍学习ExtJS（二） Button常用方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、属性
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"); 
}) 