//提交按钮
28 var btnsubmit = new Ext.Button({ 29 text: '提交', 30 handler: btnsubmitclick 31 }); 32 //重置按钮 33 var btnreset = new Ext.Button({ 34 text: '重置', 35 listeners: { 36 'mouseover': btnresetmouseover, 37 'click': btnresetclick 38 } 39 });
<!-- 90 说明: 91 (1)var btnsubmit = new Ext.Button():创建一个新的Button按钮对象。 92 (2)handler: btnsubmitclick:当用户点击的时候[即js中的onclick事件]执行方法btnsubmitclick。 93 (3)listeners: {'mouseover': btnresetmouseover,'click': btnresetclick}:当用户点击的时候[即js中的onclick事件]执行方法btnresetclick, 94 鼠标悬停时执行方法btnresetmouseover。 95 (4)handler与listeners的区别: 96 handler:执行的是首发事件,click是button这个组件的首发事件。这就是handler的运行方式:被某个组件的首要event所触发。 97 handler是一个特殊的listener。 98 listener:是一个事件名 + 处理函数的组合,事件监听,如上例代码所示,我们监听了两个事件"click",与"mouseover"事件,并且会顺序执行。 99 --> 3.button组件常用的:属性、方法及事件 一、属性 text:字符串,显示在按钮上的文字。 minWidth: 整型,最小宽度。 二、事件 handler:首发方法处理事件。 listeners:事件监听 |
|