ExtJs学习之Button(08)

最少代码：HelloWorld.html源文件下载

点击 事件

<link  rel="stylesheet" href="theme-gray-all.css"><!--样式-->
<script src="ext-all.js"></script>   <!--行为-->
<script>Ext.onReady(function () { /*-自己写的代码--开始--ExtJS 入口,相当于Java/C的main函数-*/

  Ext.create('Ext.Button', {
     text: 'My Button',
    renderTo: Ext.getBody(),
    handler: function() {alert('click');}
  });
}); </script> <!--自己写的代码-----------------------结束------------------------>

 同时 ，点击，移开事件

Ext.create('Ext.Button', {
  text: 'My Button',
  renderTo: Ext.getBody(),
    listeners: {
              click: {    fn: function(){   alert('click'); }     },  //鼠标单击事件
           mouseout: {  fn: function(){  alert('Mouse out');      }   //鼠标移开事件
      }
 }
});