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ここで、selector プロパティは、コンポーネントを取得するために渡される値です。したがって、次の方法で centerpane のインスタンスを取得できます。

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