model-view-controller - ExtJs MVC中on和mon的区别

Question

我需要在我的 xtype 中添加点击事件：extjs 4.1.3 中的“面板”

但我可以通过两种方式做到这一点。

1. panel.mon(panel.getEl(), 'click', function(){ panel.fireEvent('click'); });

2. panel.getEl().on('click',function(){ panel.fireEvent('click'); });

所以在完成上述代码之后，在控制器中我可以获得面板的点击事件并可以在那里做我的事情。但我无法区分这些方式。我脑海中的另一个问题是哪个是最好的方法？请有人能帮我理解这个差异吗？提前致谢。

Answer 1

mon当组件将事件绑定到我们想要在组件被销毁时删除的东西时使用。例如：

// Some shared menu
var menu = new Ext.menu.Menu();

var p = new Ext.panel.Panel();
p.mon(menu, 'show', function(){
    p.update('Menu was shown');
});
// This automatically causes the show event on the menu
// to be removed, even though the menu wasn't touched
p.destroy(); 

在您的情况下，组件将始终清理它的元素，因此无论哪种方式都无关紧要。