注册xtype时出现问题

Question

我正在尝试按照factory-functions-in-ext-extensions创建工厂函数，下面是我的代码

Ext.ns('MyApp');

MyApp.SubmitButton = Ext.extend(Ext.Button, {
     text:'Submit'
    ,iconCls:'icon-disk'
    ,initComponent:function() {
        MyApp.SubmitButton.superclass.initComponent.apply(this, arguments);
    } // eo function initComponent
}); // eo extend



var btn = new MyApp.SubmitButton();
Ext.reg('submitbutton1',btn);//this is not working

Ext.reg('submitbutton', MyApp.SubmitButton );//this works

var win1;
if(!win1) {
        win1 = new Ext.Window({
            title       : 'title',
            closeAction : 'hide',
            autoHeight  : true,
            autoWidth   : true,
            height      :  300,
            width       : 500,
            items       : [{xtype:'submitbutton1',id:'submitbutton'}]
        });
    }
win1.show();

当我运行这个的时候，它抛出错误"bd.xtype || e不是一个构造函数“

Answer 1

您不能使用类的实例来注册xtype。你必须使用它的类名。Ext不会跟踪您正在创建的实例，而只是注册自定义组件类-这样您就可以这样使用了：

var button = new MyApp.SubmitButton({
         id : 'submitbutton'
    });

或,

{
     xtype : 'submitbutton',
     id:'submitbutton'
}

两者都是一样的。更多信息，请查看Saki的this article。