EXT框架基礎

2.11自定義事件

ext.onready(function()

ext.extend(person, ext.util.observable,

});// person繼承ext.util.observable類

//通過on新增事件***

var person = new person('lingo');

person.on('walk', function() );

person.on('eat', function(breakfast, lunch, supper) );

person.on('sleep', function(time) );

//觸發person的事件

ext.get('walk').on('click', function() );//稱作為引數，該事件對應的監聽函式就會執行。

ext.get('eat').on('click', function() );

ext.get('sleep').on('click', function() );

});ext中遵循一種樹狀的事件模型，所有繼承自ext.util.observable類的控制項都可以支援事件。可以為這些繼承了ext.util.observable的物件定義一些事件，然後為這些時間配置***。當某個事件被觸發時，ext會自動呼叫對應的***，這這些就是ext的事件模型。

這裡的on是addlistener()的簡寫形式。第乙個引數傳遞事件名稱，第二個引數是事件發生時執行的函式。

2.1.2瀏覽器事件

瀏覽器事件即傳統意義上的滑鼠單擊、移動等事件，這些事件是由瀏覽器根據使用者的動作觸發的，與頁面元素緊密相關。ext使用ext.eventmanager、ext.eventobject和ext.lib.event對原生瀏覽器事件進行封裝，最後展現給我們的是一套統一的跨瀏覽器的通用事件介面。

ext.get(『test』) = document.getelementbyid(『test』)

2.1.3 ext.lib.event

是定義在adapter中的工具類，它封裝了不通瀏覽器的時間處理函式，為上層元件提供了統一的功能介面。

2.1.4 ext.util.observable

在ext的事件模型體系中有舉足輕重的地位，位於元件的頂端，為ext元件提供了處理事件的最基本功能。如果要實現乙個可以處理事件的ext元件，最直接的方法就是繼承ext.util.observable。

2.1.5 ext.eventmanager

作為事件管理器，它定義了一系列事件相關的處理函式，其中最常用的當屬ondocumentready(ext.onready())、onwinowresize和ontextresize。

2.1.6 ext.eventobject

是對事件的封裝，它將ext自定義實際和瀏覽器事件結合在一起使用。

2.2 ext的核心元件

2.2.1 ext.component

是ext種所以元件的基類，它的所有子類都自動享有了標準ext元件的生命週期，包括建立、渲染和銷毀。它們也自動支援了標準的隱藏/顯示以及啟用/禁用等操作。

元件大致可以分成3大類：基本元件、工具元件和表單元件。

2.2.2 ext.boxcomponent

也是乙個比較重要的基礎類，它直接繼承自ext.component,並實現了定位和控制自身大小的功能。如果你需要製作乙個可控制大小和位置的元件，就可以直接從ext.boxcomponent繼承。

2.2.3 ext.container

繼承自ext.boxcomponent,它提供了兩個重要的引數：layout和items。layout引數指定當前元件使用何種布局，items引數中包含的是當前元件中的所有子元件。如果你想製作乙個可以對自身包含的子元件進行布局的元件，那麼就需要繼承ext.container,它是一切布局元件的超類。

2.2.4 ext.panel

ext.panel是ext種經常用到的乙個元件，它直接繼承自ext.container。與上面那些元件不通的是，ext.panel無需繼承就可以直接使用。它是乙個相當完美的標準元件。

是另乙個常用的元件，很流行的一種風格。

EXT框架基礎

Ext框架基礎

Ext基礎知識

Ext框架的Grid使用介紹

EXT框架基礎

Ext框架基礎

Ext基礎知識

Ext框架的Grid使用介紹

相關推薦