Question

我正在尝试在我的应用程序中添加导航。我在我的应用程序中定义了一些控制器，因此我可以通过this.getApplication().getController('SomeController')与他们联系。我想在我的navigationView上推送SomeController的视图实例。使用push({xtype: 'someView'})可以正常工作，但在我的控制器中，如果我尝试更改视图，则说它未定义。

我认为这是因为我推动的视图与我的控制器不一样。这是我的控制器的代码示例：

config: {
    refs: {
        someView: {

            selector: '#someView',
            xtype: 'someView'
        }
    },
},
store: null,
setStore: function(){
 //creating store...
 //...
 someView.setStore(this.store);
}

这是我的观点：

Ext.define('EpaMobile.view.SomeView', {
extend: 'Ext.dataview.List',
alias: 'widget.someView',
xtype: 'someView',
requires: ['Ext.field.Search', 'Ext.Toolbar'],

Answer 1

在控制器中引用时，为视图提供itemId作为选择器。 alias和xtype也是一样的，所以只需坚持别名并删除xtype。所以你的观点应该是这样的：

Ext.define('EpaMobile.view.SomeView', {
    extend: 'Ext.dataview.List',
    alias: 'widget.someView',
    requires: ['Ext.field.Search', 'Ext.Toolbar'],
    config: {
        ...
        itemId: 'someViewItemId',        
        ...
    }

    ...
}

最后将ref块修改为：

...
refs: {
    someView: {
        selector: '#someViewItemId',
        xtype: 'someView',
        autoCreate: true
    }
},
...

您现在应该可以使用push({xtype: 'someView'})而不会收到undefined错误。

将控制器的视图实例推送到NavigationView

1 个答案: