extjs監聽事件的簡單介紹

本文目錄一覽：

• 1、關於EXTJS的onResize事件監聽問題， 我設置了一個panel，裡面對它進行onResize事件監聽怎麼寫，
• 2、extjs 用代碼觸發監聽事件
• 3、ExtJS監聽瀏覽器關閉事件，該怎麼處理
• 4、extjs 監聽事件一共有多少種?
• 5、extjs如何設置監聽
• 6、extjs中如何監聽textfield的改變

關於EXTJS的onResize事件監聽問題， 我設置了一個panel，裡面對它進行onResize事件監聽怎麼寫，

resize : ( Ext.Component this, Number adjWidth, Number adjHeight, Number rawWidth, Number rawHeight )裡面參數是坐標點，由兩個坐標點組成的新的大小和位置。(x1,y1,x2,y2)。

on( String eventName, Function handler, [Object scope], [Object options] ) : void

這是panel的事件監聽函數，第一個參數是事件名稱，resize是一個事件，所以寫’resize’，第二個是處理函數，在這裡傳入參數。第三個是函數的作用域，一般無特殊情況寫this即可。

具體就是this.on(‘resize’,handlerFn:function(this,adjx,adjy,rawx,rawy){

//這裡寫你的操作即可，參數是對應resize事件里的。

},this);

更多詳細，請參考extjs API

extjs 用代碼觸發監聽事件

你這個寫法是不對的，獲取根節點不是通過Ext.getCmp這種方式來寫的

你最好寫成這樣：

var rnode = Ext.getCmp(“ColligateSearch_tree”).getRootNode();

rnode.fireEvent(“click”,rnode);

親測有效

ExtJS監聽瀏覽器關閉事件，該怎麼處理

當在瀏覽器的地址欄輸入其它網址，非你系統相關的網址，這個方法也檢測不到；

另外一種情況，也不能奏效了，如：IE7、8帶有選項卡的瀏覽器，也同樣檢測不到；

extjs 監聽事件一共有多少種?

比如combobox的select,tabPanel的change,gridPanel的beforeLoad…………….好多。

extjs如何設置監聽

事件監聽方法：

（1） 這個方法主要給dom對象來監聽事件

Ext.get(document).on(‘事件’,function(){ 處理方法});

（2）寫在容器裡面 如panel

listeners｛’事件’,function(){處理方法}｝;

（3）對定義的js類進行事件監聽

var eastpanel=new Ext.Panel({

region:’east’,

collapsible: true,

width: 275,

items: [{….}]

});

eastPanel.on(“collapse”,function(e){

alert(“ssad”);

});

舉例：

如何給表單的textfield添加鍵盤監聽事件：

var searchKey = new Ext.form.TextField({ //text

id: ‘searchkey’,

fieldLabel: ‘text’,

name: ‘text’,

defaultType: ‘textfield’,

grow: false,

blankText: “這個字段最好不要為空”，

enableKeyEvents: true

});

searchKey.on(‘keypress’, function(e){

// 監聽回車按鍵

if (e.getKey() == e.ENTER this.getValue().length 0) {

alert(“OK”);}

});

extjs中如何監聽textfield的改變

可以監聽change或者keyup事件,change事件是指textfield裡面的數值已發生改變並失去焦點的時候觸發,keyup事件是指textfield輸入時按下任何鍵盤鍵後觸發,keyup事件僅在enableKeyEvent配置項被設置為true時才觸發此事件。

例如

{

xtype

:

‘textfield’,

fieldLable

:

‘標題’,

listeners

:

{

change

:

function(field,newValue,oldValue){

alert(newValue+’—‘+’oldValue’);

}

}

}

詳細請參考extjs

API