Ext Js簡單事件處理和物件作用域

2022-01-16 06:27:48 字數 1929 閱讀 3650

對於ext js程式的簡單建立主要是引入ext-base.js和ext-all.js兩個檔案,再加入一些樣式檔案,網上對於ext js的學習資料也比較多,自己在這也簡單分享一下。

ext js事件的簡單處理,乙個簡單的示例:

該示例主要是對number的prototype的簡單測試:

//簡單

測試function

testnumber()

//for...in迴圈取得所有引數之和

//for (var j in arguments)

str = str.substring(0, str.lastindexof('+'));

alert(str + "的和:" +sum);

}var num = 0;

num.add(11, 12, 13, 15); //

相加求和

}

extjs對於事件的管理都是通過ext.eventmannager物件管理,extjs對w3c的event封裝在ext.eventobject事件物件,支援事件處理的類或介面為ext.util.observable,凡是繼承該類的元件或類都支援物件新增事件的處理和響應功能。

注意:對於物件的獲取,ext.get是對於element元素(dom元素)的獲取;ext.getcmp是對component物件的獲取。

注意:對於事件的處理不同(test為某js函式)

ext js獲取元件物件:ext.getcmp("btntest").text;

dom下對於事件的處理:document.getelementbyid("alinktest").onclick=test;//dom下的onclick的處理

extjs對於dom物件的事件處理:ext.get("alinktest").onclick = test();//extjs的onclick的處理

對於ext js的事件處理常用handler\on\listeners的簡單處理:(示例都是使用alert彈出的,ext js已經封裝了一層,ext.msg.alert('資訊提示', '資訊內容!'))

ext.onready(function

() );

//測試事件

function

createwin() ),,},

new ext.button(,

"click": function () ,

"disable": function ()

//on 屬性,也能實現同樣的功能

} }),

newext.button(

})],

buttons: [

},} }

]});

return

win;

}

function test()

function btnclick(obj, e)

function btnhandler(obj, e)

對於作用域的簡單測試:

//

作用域測試

var taa = "我是window域aa!";

function scopetest() ;

var tcc =

var win = new

ext.window(,

new ext.button()

]});

win.show();

ext.getcmp("btnxtype").on("click", function () , tbb)

ext.getcmp("btnext").on("click", function () , tcc);

}

**都是在測試、在改動,看看這樣修改會有什麼效果,那樣修改會有什麼效果,把一些常用的多多熟練掌握,在不斷的嘗試中找突破,找完善,找真知。

ExtJs事件處理

1.事件的3中繫結方式 html dhtml domextjs 第一種 直接在頁面裡面寫function即可,附上元件乙個function,觸發即可 第二種操作dom的,第三種是用框架操作的 這裡是extjs function else 基於事件 的機制 ext.get btn3 on click ...

ABAP物件導向事件處理 簡單例項

report zwtest.class class1 definition.public section.events event1.methods method1 for event event1 of class1.methods trigger1.endclass.class class1 i...

事件處理的簡單理解

定義乙個處理事件的委派類 private delegate void eventtesthandler string str 引數str可以有,也可以沒有 定義事件源,由此引發對事件的處理 private event eventtesthandler leadevent 在建構函式中新增事件觸發時,...