『壹』 extjs 滑鼠放到按鈕上時觸發的什麼事件啊,怎麼重寫這個事件啊
mouseover( Button this, Event e )
滑鼠居上觸發事件。Fires when the mouse hover... 滑鼠居上觸發事件。Fires when the mouse hovers over the button
監聽器會傳入以下的參內數:
this Button
e Event
事件對象。The event object
在button的listeners屬性中加容上這個mouseover事件監聽就行了
『貳』 extjs裡面的listeners是什麼意思'select' : function裡面的'select'是固定的嗎代碼見問題補充
listeners屬性用於配置某組件間的事件監聽器,說白了就是給組建綁定事件,可以綁定多專個,select是選擇事件,即選屬擇某一個下拉選項時出發的事件,render意思是「渲染」,即組件在瀏覽器里展示出來的過程,當渲染成功時觸發的事件!還有一個事件很相似就是show,注意區別,現有渲染,再有show,show就是完全展現出來的意思!
『叄』 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文本框的事件
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Extjs4.2demo</title>
<linkrel="stylesheet"href="../resources/css/ext-all.css">
<scriptsrc="../bootstrap.js"></script>
<script>
.onReady(function(){
Ext.create('Ext.form.FormPanel',{
width:250,
bodyPadding:'550',
fieldDefaults:{
labelWidth:75
},
items:[{
xtype:'fieldset',
title:'information',
defaultType:'textfield',
layout:'anchor',
defaults:{
anchor:'100%'
},
items:[{
fieldLabel:'First',
name:'first',
listeners:{
change:function(field,nv,ov,opts){
varlastfield=this.getBubbleParent().items.last();
lastfield.$ml&&lastfield.un('focus',lastfield.$ml);
lastfield.$ml=function(){
Ext.Msg.alert('結果',Ext.String.format('第一個欄位的值為:"{0}",最後一個欄位的值為:"{1}"',nv,this.value));
};
//設置最後一個textfield的listeners
lastfield.on('change',lastfield.$ml,lastfield);
}
}
},{
fieldLabel:'Second',
name:'second'
},{
fieldLabel:'Last',
name:'last'
}]
}],
renderTo:Ext.getBody()
});
});
</script>
</head>
<body>
</body>
</html>
『伍』 extjs中怎麼給樹的每一個節添加事件
extjs中怎麼給樹的每一個節添加事件
s:
// 樹的載入方法
var treeloader = new Ext.tree.TreeLoader({
baseAttrs : {
cust : 'client'
},
dataUrl : 'getTreeNode.do?method=getTree'
});
// 樹的布局實現
var treepanel = new Ext.tree.TreePanel({
loader : treeloader,
width : 199,
root : root,
border : false,
rootVisible : false,
autoheigth : true,
expanded : true,
enableDD : true,
ddGroup : "tgDD",
listeners : {
// 監聽beforenodedrop事件,主要就是在這里工作
// 參考「
在網路上搜 華宏網路科技 有免備案空間出售!謝謝!
匿名 �0�2<span class="tm">5-20 07:23</span>
</p>
<div class="b bt2"><div class="bt bg1 ft"><img alt="其他答案" height="16" src="/static/img/ico2.gif" width="16"/>其他答案</div></div>
<p class="ft p1">tjs:
// 樹的載入方法
var treeloader = new Ext.tree.TreeLoader({
baseAttrs : {
cust : 'client'
},
dataUrl : 'getTreeNode.do?method=getTree'
});
// 樹的布局實現
var treepanel = new Ext.tree.TreePanel({
loader : treeloader,
width : 199,
root : root,
border : false,
rootVisible : false,
autoheigth : true,
expanded : true,
enableDD : true,
ddGroup : "tgDD",
listeners : {
// 監聽beforenodedrop事件,主要就是在這里工作
// 參考「
匿名�0�2<span class="tm">5-19 06:56</span>
</p>
<div>
<div class="ra ft"><div class="bt bg1"><img alt="相關內容" class="m" height="16" src="/static/img/ico3.gif" width="16"/>相關內容</div></div>
<p class="ft">
『陸』 extjs desktop GridWindow 雙擊表格事件
itemdblclick( Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e, Object eOpts )
itemdblclick 是一個雙擊grid中行的事件 具體寫法:
在grid寫上 listeners屬性
listeners : {
'itemdblclick' : function(){
Ext.create('Ext.Window',{
xxx:'',
xxx:'',
xxx:''
}).show();
}
}
『柒』 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>
『捌』 extjs listeners用法
就是當你鍵盤抄按下去的時候 執行這襲段代碼
keypress事件:輸入欄位鍵盤按下時的事件。該事件只會在enableKeyEvents為true時有效。
e.getKey()==13 就是當你按下 回車的時候
後面執行的就是你選中其中一個組件,並聚焦這個組件(選中組件的text)。
『玖』 extjs 定義的grid的列是 給某列添加listener事件
listeners:{
cellclick:function(a,b,c,d){
if('商品'==a.colModel.config[c].header){
alert(a.getStore().data.get(b).json.欄位名)
}
}
}
a grid對象
b store數據抄的index
c 列號
獲取該行的某個欄位的值 a.getStore().data.get(b).json.欄位名
自己在瀏覽器裡面 通過 console.debug 列印確認參數的含義
『拾』 Extjs listeners用法
listeners表示監聽一個滑鼠或者鍵盤事件。
舉例說明:
Ext.create('Ext.button.Button',{
text:'click',
listeners:{click:function(){
alert('hellow')
}}
})
})根據不同的控制項有不同的事件
以上監聽一個button的click事件,只要click觸發,就彈出hellow字樣。