extjs添加方法的簡單介紹

本文目錄一覽：

• 1、EXTJS 如何給一個文本框添加點擊事件
• 2、Extjs 2.0 如何動態的添加checkBox
• 3、extjs中怎麼添加事件

EXTJS 如何給一個文本框添加點擊事件

有兩種方法

通過文本框textfield的配置項listeners進行配置

eg:

new Ext.panel.Panel({

width: 400,

height: 200,

dockedItems: [{

xtype: ‘toolbar’

}],

listeners: {

click: {

element: ‘el’, //bind to the underlying el property on the panel

fn: function(){ console.log(‘click el’); }

}

}});

第二種是採用on方法給textfield添加事件

eg:

me.down(‘textfield[name=這裡是你文本框的名稱]’).on(‘click’,點擊的響應函數,me);

ps:

me.down(‘button[action=viewElementDetails]’)獲得textfield組件對象，on(‘click’,點擊的響應函數,me);添加事件click事件

Extjs 2.0 如何動態的添加checkBox

兩種辦法:

1:

從後台查出的權限，拼成字符串

，“，”分開，request.setArribute(‘’)那個字符串

在前台拿到

用變量接受，將之轉化成數組

循環數組，每次循環的時候，創建一個checkBox，ok

了，其實應該用checkboxgroup

這樣只要創建boxlabel

就行了

以上做法

不好的地方是

只能在jsp中取得request中的屬性，不能再js中即時的拿到

2:創建一個checkbox

類

裡面的屬性就是你checkbox想要設置的屬性，然後從後台查出的權限，每個權限new出一個checkbox類，這樣就得到一個checkbox的list

將之轉化為json串

寫到前台，前台接受並且解析出一個數組，循環數組，如的到得數組

powers

for(var

i=0;ipowers.length;i++){

Ext.getCmp(‘form’).add(powers[i]);

}

就可以了

不知樓主懂沒懂。。。。

加上布啊局的話就自己想辦法了，將上面的例子簡單修改皆可以

當然也可以不創建類，直接把權限拼成一個字符串，然後再前台接受並解析，轉化成數組

循環數組

for(var

i=0;ipowers.length;i++){

Ext.getCmp(‘form’).add(new

Ext.Checkbox({}));

}

Checkbox裡面的設置

就不用我所了吧

我這裡沒有代碼

忘記了Ext.Checkbox有沒有了

反正是這個意思，勿要吹毛求疵

，希望對你有幫助

extjs中怎麼添加事件

extjs中如何添加事件啊

JScript code

var mywin = Ext.create(‘Ext.window.Window’, { title: ‘asdfsfadfad’, height: 400, width: 500, ‘close’: function (pa, oe) { Ext.MessageBox.alert(‘asfsa’, ‘asdfds’); } }); mywin.show();

我是用上面的方法給window添加一個close事件，事件到是正確執行了，但問題是window關閉不了，發現是事件和方法里有一個close，好像我這樣做是把close方法給覆蓋了一樣的，想問是如何正確添加事件啊

Extjs綁定事件不是像樓主那樣寫的，樓主可以去看下EXTJS的API，裡面應該介紹的會比較詳細，以下給樓主整了個比較簡單的窗口綁定事件，希望對樓主有所幫助。

JScript code

script type=”text/javascript” Ext.onReady(function(){ Ext.define(‘testWindow’, { extend : ‘Ext.Window’, alias : ‘widget.testWindow’, width : 300, height : 200, title:’test’, items:[ { xtype:’button’, text:”確定”, listeners : { scope : this, click : function(){ alert(11); } } },{ xtype:’button’, text:”取消”, listeners : { scope : this, click : onClick } } ] }); var win = Ext.create(‘testWindow’); win.show(); }) function onClick(){ alert(112); } /script