extjs中的事件监听方法
事件监听方法:(1) 这个方法主要给dom对象来监听事件 Ext.get(document).on('事件',function(){ 处理方法});(2)写在容器里面 如panel listeners{'事件',function(){处理方法}};(3)对定义的js类进行事件监听 var eastpanel=new Ext.
·
事件监听方法:
(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");}
});
(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");
});
(4)假设有个类型为GridPanel的变量gridPanel
gridPanel.addListener('rowclick',function(){
alert(3)}
);
举例:
如何给表单的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");}
});
更多推荐
已为社区贡献1条内容
所有评论(0)