『壹』 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字样。