Ext自定義類並新增事件處理

2021-09-01 14:36:17 字數 1754 閱讀 2083

//

實現乙個名稱為

person

的類。有乙個

name

屬性。例項化時新增

walk,eat,sleep3

個事件。

person = function

(name)

繼承ext.util.observable的類的控制項都可以支援事件,因此讓person類繼承observable。

//

使用ext.extend

讓person

繼承ext.util.observable

,並增加了

info

方法,讓它返回

person

的資訊。

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

});

處理walk,eat,sleep事件

var

p =

newperson(

"mark"

);

//

這裡的on

是addevent

的簡寫形式,功能一樣。第乙個引數是事件名稱,第二個引數是事件發生時呼叫的方法。

p.on("walk"

,function

() );

p.on("eat"

,function

(breakfast,lunch,supper) );

p.on("sleep"

,function

(time) );

測試:html

部分:

<

input

type

="button"

value

="walk"id=

"walk"

/>

<

input

type

="button"

value

="eat"id=

"eat"

/>

<

input

type

="button"

value

="sleep"id=

"sleep"

/>

js

部分:

ext.get(

"walk"

).on(

"click"

,function

() );

ext.get(

"eat"

).on(

"click"

,function

() );

ext.get(

"sleep"

).on(

"click"

,function

());

3

個按鈕,每個按鈕觸發乙個事件。

Ext自定義事件

在ext中常見的2中自定義事件監聽.1 在gridpanel中行資料中增加自定義的按鈕,圖示的事件操作。例如 如下 注意 action col css processevent function type,view,cell,recordindex,cellindex,e,record,row re...

EXT自定義事件

可以為所有繼承了ext.util.observable的物件定義一些事件,然後為這些事件配置 當某個事件被觸發時,ext會自動呼叫對應的 這就是ext的時間模型。on 是addlistener 的縮寫形式,功能完全一樣。第乙個引數傳遞事件名稱,第二個引數是事件發生時執行的函式。呼叫fireevent...

自定義控制項新增事件

事件,委託,總是看起來有點繞,不過本文不介紹這些,只說說如何為自定義控制項新增自定義事件。本文所說的自定義控制項,非繼承其他現有microsoft控制項或者組合控制項,而是完全繼承usercontrol的東西。既然不是繼承自其他現有控制項或者控制項組合,在特定需求下,有新增自定義事件的可能性,或者對...