|
//提交按鈕
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():創(chuàng)建一個(gè)新的Button按鈕對(duì)象。 92 (2)handler: btnsubmitclick：當(dāng)用戶點(diǎn)擊的時(shí)候[即js中的onclick事件]執(zhí)行方法btnsubmitclick。 93 (3)listeners: {'mouseover': btnresetmouseover,'click': btnresetclick}：當(dāng)用戶點(diǎn)擊的時(shí)候[即js中的onclick事件]執(zhí)行方法btnresetclick， 94 鼠標(biāo)懸停時(shí)執(zhí)行方法btnresetmouseover。 95 (4)handler與listeners的區(qū)別： 96 handler:執(zhí)行的是首發(fā)事件，click是button這個(gè)組件的首發(fā)事件。這就是handler的運(yùn)行方式：被某個(gè)組件的首要event所觸發(fā)。 97 handler是一個(gè)特殊的listener。 98 listener：是一個(gè)事件名 + 處理函數(shù)的組合，事件監(jiān)聽，如上例代碼所示，我們監(jiān)聽了兩個(gè)事件"click"，與"mouseover"事件，并且會(huì)順序執(zhí)行。 99 --> 3.button組件常用的：屬性、方法及事件 一、屬性 text:字符串，顯示在按鈕上的文字。 minWidth: 整型，最小寬度。 二、事件 handler:首發(fā)方法處理事件。 listeners:事件監(jiān)聽 |
|
|
