Ext.Button

<link rel="stylesheet" type="text/css"         href="../ext3.2/resources/css/ext-all.css">            <script type="text/javascript" src="../ext3.2/adapter/ext/ext-base.js"></script>     <script type="text/javascript" src="../ext3.2/ext-all.js"></script>     <script type="text/javascript" src="Person.js"></script> <script type="text/javascript">     Ext.onReady(function(){         new Ext.Button({             renderTo : Ext.getBody(),//得到body对象document.body,得到了Ext元素对象             text:"确定"         }); button.setText("取消");     }); </script>

Ext.getBody();得到body对象

属性：

• renderTo：将当前对象锁生成的HTML对象存放在指定的对象中，body相当于一个容器
• text：获得当前按钮上的名称；
• minWidth：按钮的最小宽度；

方法：

• setText：设置按钮上的名称

事件：

• click：当点击按钮时触发

     

<script type="text/javascript">     Ext.onReady(function(){         var button = new Ext.Button({             renderTo : Ext.getBody(),//得到body对象document.body,得到了Ext元素对象             text:"确定",             minWidth:100,//设置最小的宽度             handler:function(){                 alert("欢迎学习ExtjS");             }         });         button.setText("取消");                    alert(button.text);     }); </script>

   

• 构造参2数：
  • handler，指定了一个函数句柄，在默认事件触发时调用，此时默认为click，

     

  • listeners：这个是在对象初始化之前，就将一系列事件进行定义的手段，在进行组件化编程时，特别有用

<script type="text/javascript">     Ext.onReady(function(){         var button = new Ext.Button({             renderTo : Ext.getBody(),//得到body对象document.body,得到了Ext元素对象             text:"确定",             minWidth:100,//设置最小的宽度             listeners:{                 "click":function(){                     alert("欢迎你学习ExtJs");                 }             }         });         button.setText("取消");     }); </script>

   

转载于:https://www.cnblogs.com/babyhhcsy/p/3194708.html