如何使用Extjs深层嵌套组件的控制器？

Question

我有一个大型应用程序，里面有很多视图，模型和商店。到目前为止，我能够管理所有功能，从具有视图本身的功能，事件运行。我从未使用过控制器来处理整个应用程序。

请告诉我如何使用控制器来处理应用中的每个组件。还有一些动态生成的组件。如何按需添加侦听器这些组件。

请告诉我有关控制器的事情！

提前致谢：）

Answer 1

控制器使用事件选择器通过事件总线处理事件，因此处理事件内置于组件结构中。

控制器通常如下所示：

Ext.define('MyApp.controller.Foo', {

    init: function() {
        this.control({
            'some_selector': {
                someevent: this.onSomething
            }
        });
    },

    onSomething: function() {}

});

选择器是Ext.ComponentQuery选择器，因此如果与该选择器匹配的组件触发特定事件，它将调用您的方法。有关文档中选择器的大量信息。