当前位置: 代码迷 >> JavaScript >> extjs组件增添事件监听的三种方式
  详细解决方案

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

热度:103   发布时间:2012-10-31 14:37:31.0
extjs组件添加事件监听的三种方式

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

  • 在定义组件的配置时设置

如代码中所示:?
Java代码?
  1. xtype?:?'textarea',??
  2. name?:?'dataSetField',??
  3. labelSeparator:'',??
  4. fieldLabel:'',??
  5. hideLabel:?true,??
  6. allowBlank:?true,??
  7. height:?mainPanelHeight*0.8,??
  8. anchor:'99%',??
  9. listeners:{'blur':function(){??
  10. ???alert(1);??
  11. }}??

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

假设有个类型为GridPanel的变量gridPanel,则通过on方法设置行双击事件?
Java代码?
  1. gridPanel.on('rowdblclick',function(gridPanel,_rowIndex,e){??
  2. ??alert(2);??
  3. }??

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

如上述的gridPanel变量,添加行单击事件如下?
Java代码?
  1. gridPanel.addListener('rowclick',function(){??
  2. ?alert(3)}??
  3. ); ?

  相关解决方案