隨筆 - 0, 文章 - 264, 評論 - 170, 引用 - 0
          數(shù)據(jù)加載中……

          extjs 處理HTML事件和自定義事件(注:轉載于http://www.aygfsteel.com/algz/articles/317021.html)

          1. 處理HTML元素的標準事件

          HTML元素的標準事件是指mouseover、mousedown、click、 blur、focus、change等。在ExtJS中,這些事件的處理如下:

          • 注冊一個事件處理函數(shù)使用: Ext.get('myElement').on('click', myHandler, myScope) myElement是要注冊的元素的ID,click是事件的名稱(注意,和HTML元素中的聲明onXXX不同,這里不需要on),myHandler 是處理函數(shù)的函數(shù)名稱,myScope是一個可選的參數(shù),指定處理函數(shù)綁定的對象,也就是處理函數(shù)的作用域,如果不提供這個參數(shù),則是默認的 window。
          • 撤銷一個事件處理函數(shù): Ext.get('myElement').un('click', myHandler, myScope) 參數(shù)的意義同上。

          ExtJS 會根據(jù)不同的瀏覽器進行相應的處理,支持多瀏覽器。事件處理函數(shù)的參數(shù)只能參考ExtJS的文檔了,必要時還得參考源代碼。

          2. 處理自定義事件

          在ExtJS中使用自定義事件,需要從Ext.util.Observable繼承,示例代碼如下:

          Employee = function(name){
          this.name = name;
          this.addEvents({
          "fired" : true,
          "quit" : true
          });
          }
          Ext.extend(Employee, Ext.util.Observable, { ... });

          在這段代碼中,定義了一個Employee類,定義了fired和quit兩個事件。如何觸發(fā)這兩個事件呢,基類 Ext.util.Observable提供了觸發(fā)自定義事件的方法fireEvent(eventName, arg1, arg2, ... argn), eventName是要觸發(fā)的時間的名稱(不區(qū)分大小寫),后面的參數(shù)arg1,arg2等是要傳給事件處理函數(shù)的參數(shù)。用上面的Employee類做示 例,觸發(fā)quit事件:

          this.fireEvent('quit', this);

          這行代碼將觸發(fā)quit事件,并將Empolyee類的實例傳給quit事件的處理函數(shù),quit事件的訂閱可以采用如下代碼:

          function myHandler1(empolyee){ ... }
          function myHandler2(empolyee){ ... }
          var emp = new Empolyee('tom');
          emp.on('quit', myHandler1);
          emp.on('quit', myHandler2);

          在上面的代碼中,為quit事件注冊了兩個處理函數(shù)(myHandler1與myHandler),當quit事件被激發(fā)時,將會依次調用 myHandler1和myHandler2兩個函數(shù)。

          值得注意的是,不管是HTML元素的標準事件還是自定義事件,如果為某個時間注冊了多個處理函數(shù),如前面的例子,如果myHandler1返回 false的話,則會取消在myHandler1之后注冊的處理函數(shù)的執(zhí)行,即該事件被取消,從而停止繼續(xù)執(zhí)行該事件的處理函數(shù),而這個返回值false 會作為事件激發(fā)的結果,返回給empolyee,即:

          var result = this.fireEvent('quit', this);
          if (result === false) {
          alert('event canceled'); //這里表示事件被某個處理函數(shù)取消
          }
          else {
          alert('event complete'); // 這里表示事件執(zhí)行完畢
          }

          通過Ext的自定義事件的機制,可以實現(xiàn)一對多的觀察者模式,也可以實現(xiàn)一對一的綁定模式,這一點,在ExtJS的開發(fā)中是很重要的。

          posted on 2010-12-09 17:18 小一敗涂地 閱讀(1710) 評論(0)  編輯  收藏 所屬分類: 前端開發(fā)(html、css、javascript、extjs等)相關

          主站蜘蛛池模板: 巴中市| 天津市| 内黄县| 平和县| 乌兰浩特市| 易门县| 衡阳市| 寿宁县| 福安市| 象山县| 梨树县| 连云港市| 海安县| 常州市| 昌图县| 岢岚县| 左贡县| 河南省| 滁州市| 乃东县| 福鼎市| 务川| 伊春市| 临海市| 屏东县| 齐河县| 兴化市| 旺苍县| 新田县| 澳门| 抚远县| 沧源| 驻马店市| 嘉义市| 福鼎市| 德州市| 太康县| 千阳县| 凉山| 达日县| 犍为县|