学习ExtJS（二） Button常用方法
时间：2021-09-14 15:03:25|栏目：|点击： 次
一、属性
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");
})
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");
})
