📜  Ext.js-自定义事件和侦听器

📅  最后修改于: 2020-10-25 11:17:19             🧑  作者: Mango


事件是在类发生事件时触发的事件。例如,当单击按钮时或呈现元素之前/之后。

编写事件的方法

  • 使用监听器的内置事件
  • 稍后附加事件
  • 自定义事件

使用侦听器的内置事件

Ext JS提供了侦听器属性,用于在Ext JS文件中编写事件和自定义事件。

在Ext JS中编写侦听器

我们将在面板中添加一个listener属性,从而在之前的程序中添加监听器。


      
      
       
   
   
   
      

Please click the button to see event listener

上面的程序将产生以下结果-

这样,我们还可以在listeners属性中编写多个事件。

同一侦听器中的多个事件


      
      
       
   
   
   
      
Please click the button to see event listener.
The button was clicked and now it is hidden.

稍后附加事件

在以前的编写事件的方法中,我们在创建元素时已在侦听器中编写了事件。另一种方法是附加事件。


      
      
       
   
   
   
      

Please click the button to see event listener

上面的程序将产生以下结果-

自订活动

我们可以在Ext JS中编写自定义事件,并使用fireEvent方法触发事件。以下示例说明了如何编写自定义事件。


      
      
       
   
   
   
      

The event will be called after 5 seconds when the page is loaded.

加载页面并准备好文档后,将显示带有按钮的UI页面,并且在5秒后触发事件时,文档已准备就绪。 5秒后将出现警报框。

在这里,我们编写了自定义事件“ myEvent”,并将事件触发为button.fireEvent(eventName);。