javascript - getter 返回未定义

Question

我正在使用 sencha touch 2 构建应用程序。

我有以下看法：

Ext.define("DRT.view.Pbox", {
    extend: 'Ext.form.Panel',
    xtype: 'pboxcard',
    config: {
        floating: true,
        centered: true,
        modal: true,
        height: 200,
        wifth: 300,
        styleHtmlContent: true,
        html: 'Hi this is a popup',
        items: [
            {
                xtype: 'button',
                action: 'hide',
                ui: 'confirm',
                docked: 'bottom'
            }
        ]
    }
});

在我的控制器中，我有以下参考：

    config: {
        refs: {
            home: 'homecard',
            pbox: 'pboxcard',
        }
   }

我有以下功能之一：

showError: function(){
            var popup = this.getPbox();
        console.log(popup);
        Ext.Viewport.add(popup);  
        popup.show();
     }

但由于某种原因，弹出窗口未定义。我似乎无法找出问题所在

Answer 1

抱歉，伙计们，我想通了……我想发布得太早了。不得不这样做

    pbox: {
        selector: 'formpanel pboxcard',
        xtype: 'pboxcard',
        autoCreate: true
    },