学习ExtJS(二) Button常用方法

来源:互联网 发布:js data toggle 编辑:程序博客网 时间:2024/06/06 02:06

一、属性
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");
  })
  
原创粉丝点击