extjs组件添加事件监听的三种方式

最新推荐文章于 2022-10-31 17:01:04 发布

转载最新推荐文章于 2022-10-31 17:01:04 发布 · 2.8k 阅读

收录于

extjs

本文深入探讨了Next.js中组件监听的三种方法：在组件配置时设置、通过组件变量的on方法设置以及使用addListener()方法。具体展示了如何在定义组件时直接添加监听事件，以及如何在组件实例化后动态添加事件监听器。

extjs对组件添加监听的三种方式

在定义组件的配置时设置

如代码中所示：

Java代码 

xtype : 'textarea',  

name : 'dataSetField',  

labelSeparator:'',  

fieldLabel:'',  

hideLabel: true,  

allowBlank: true,  

height: mainPanelHeight*0.8,  

anchor:'99%',  

listeners:{'blur':function(){  

   alert(1);  

}}

对组件变量通过on方法设置

假设有个类型为GridPanel的变量gridPanel，则通过on方法设置行双击事件

Java代码 

gridPanel.on('rowdblclick',function(gridPanel,_rowIndex,e){  

  alert(2);  

}

通过组件变量方法addListener()设置

如上述的gridPanel变量，添加行单击事件如下

Java代码 

gridPanel.addListener('rowclick',function(){  

 alert(3)}  

);

标签

#extjs