javascript - 如何在 Ext 中查询多个组件？

Question

在我的应用程序中，我在两个视图（单独的文件）中有两个分页工具栏，我如何在控制器中查询它们？

dockedItems: [{
    xtype: 'pagingtoolbar',
    store: 'User',
    dock: 'bottom',
    displayInfo: true
}]

bbar: {
    xtype: 'pagingtoolbar',
    store: this.store,
    displayInfo: true
}

Answer 1

控制器使用 ComponentQuery 并且它们的选择器是全局的，所以 xtype 应该可以工作：

Ext.define('MyController', {
    extend: 'Ext.app.Controller',

    init: function() {
        this.control({
            pagingtoolbar: {
                ...
            }
        });
    }
});

Answer 2

只需添加到 Alex Tokarev 的答案，如果您想在运行时选择它们，可以说，当您单击一个按钮时，您可以使用：

 ...
 handler : function () {
      var mytoolbars = Ext.ComponentQuery.query('pagingtoolbar'); // will assign all available toolbars to your mytoolbars array.
 }
 ....