<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> |