0

我想从我的 Sencha Touch 2 控制器中获得对我的视图的引用，它看起来像这样（CoffeeScript）：

Ext.define 'MyApp.view.Books',
    extend: 'Ext.Panel'
    id: 'books'
    config:
        html: 'Hello, Books!'
Ext.define 'MyApp.controller.Books',
    extend: 'Ext.app.Controller'
    views: [
        'Books'
    ]
    init: ->
        @control
            '#books':
                render: ->
                    console.log 'This is never called. Why?'
                show: ->
                    console.log 'This is called twice.'
                    # @getBooksView() is not a view instance, it is a class. Why?
                    console.log 'View class: ' + @getBooksView()?.$isClass
Ext.application
    name: 'MyApp'
    controllers: [
        'Books'
    ]
    launch: ->
        Ext.Viewport.setActiveItem
            xtype: 'booksview'

'Hello, Books' 内容出现（例如，组件被渲染），但渲染控制处理程序甚至从未被调用。我在这里做错了什么？

4

1 回答 1

5

你不应该对任何类使用硬编码id！您应该将您的视图编码为：

Ext.define('MyApp.view.Books',{
    extend: 'Ext.Panel',
    alias : 'widget.books',
    config: {
        html: 'Hello, Books!'
    },
    initialize : function() {   
        // some init code etc..
        this.callParent();  
    }
});

请注意别名属性。这可以帮助您获取视图实例的引用。当您参考视图时。现在在您的控制器中，您有：

...
this.control({
    'books' : {    
        render: function() {
            console.log('Render method called!');
        },
        show: function() {
            console.log('Show method called!');
        }

    },
    .
    ...

请注意，您不是通过 id 属性引用您的视图，而是通过其别名或 xtype。现在，如果您需要访问其他控制器的视图或控制器中的任何其他组件，您还可以使用可用的 refs 系统。在这种情况下，您将在控制器定义中定义 refs 数组：

refs: [
    {ref: 'centerPane', selector: 'centerpane'}
],

这里的选择器属性是传递Ext.ComponentQuery给获取组件的值。因此，您可以通过以下方式获取 centerpane 的实例：

this.getCenterPane();
于 2011-10-20T07:49:53.223 回答