Extjs Sencha Touch 2：是否可以实现视图对象的继承？

我需要一些关于以下方面的建议

背景：

我正在开发Sencha 2 MVC应用程序。 在我的应用程序中，我在几个屏幕上都有一个工具栏。 目前，我已经为工具栏创建了一个类，然后在所需视图上使用xType将工具栏添加为xType:“customizedToolbar”。 但与此相反，我想声明一个定义此工具栏的父类，然后从所有其他子类扩展此父类，这样就可以避免每次使用xType添加工具栏

例如，下面是示例应用程序

外部应用程序({ 应用程序：'testmixin'， autoCreateViewport:true

        launch: function()    {

// Parent Class
        Ext.define('MyParentClass', {
            extend: Ext.Panel,
                mixinConfig: {
                        id: 'myMixinIdentifier'
                         },
                config: {
                // Is there a way that the items defined in this class will be added in the child class         
                items:[

                    {
                        xtype : 'emailfield',
                        name : 'name',
                        id : 'userName',
                        placeHolder : 'Email',

                    },

                    ]

                    },


                });


                // Main Class
    Ext.define('MyMainClass', {
    // Benefit of using mixins is that you can add to your class with one
    // or more mixins, rather than by extending another class
            extend: Ext.Panel,
            mixins: {
                myMixinIdentifier: 'MyParentClass'
            },

        constructor: function(config) {
            this.callParent(arguments);
            this.sample();
            },
        });


    var panel = Ext.create('MyMainClass');
            panel.test('abc');
            panel.test1('abc');
            Ext.Viewport.add(panel);


}

    });

是否可以在父类中添加项，并且它将通过继承自动添加到子类中

谢谢

---

Gendaful

以下代码不使用混合，而是使用基本类继承：

Ext.Loader.setConfig({
    enabled : true
});

Ext.application({
    name : ('SF' || 'SenchaFiddle'),

    launch : function() {

        Ext.define('PanelWithToolbar', {
            extend: 'Ext.Container',
            xtype: 'panelwithtoolbar',

            config: {
                items: [{
                    xtype: 'toolbar',
                    docked: 'top'
                }]
            }
        });

        Ext.define('PanelA', {
            extend: 'PanelWithToolbar',
            xtype: 'panela'
        });

        Ext.define('PanelB', {
            extend: 'PanelWithToolbar',
            xtype: 'panelb'
        });

        Ext.create('Ext.TabPanel', {
            fullscreen: true,
            tabBarPosition: 'bottom',

            defaults: {
                styleHtmlContent: true
            },

            items: [
                {
                    xtype: 'panela',
                    title: 'Home',
                    iconCls: 'home',
                    html: 'Home Screen'
                },
                {
                    xtype: 'panelb',
                    title: 'Contact',
                    iconCls: 'user',
                    html: 'Contact Screen'
                }
            ]
        });
    }
});

---

以下代码不使用混合，而是使用基本类继承：

Ext.Loader.setConfig({
    enabled : true
});

Ext.application({
    name : ('SF' || 'SenchaFiddle'),

    launch : function() {

        Ext.define('PanelWithToolbar', {
            extend: 'Ext.Container',
            xtype: 'panelwithtoolbar',

            config: {
                items: [{
                    xtype: 'toolbar',
                    docked: 'top'
                }]
            }
        });

        Ext.define('PanelA', {
            extend: 'PanelWithToolbar',
            xtype: 'panela'
        });

        Ext.define('PanelB', {
            extend: 'PanelWithToolbar',
            xtype: 'panelb'
        });

        Ext.create('Ext.TabPanel', {
            fullscreen: true,
            tabBarPosition: 'bottom',

            defaults: {
                styleHtmlContent: true
            },

            items: [
                {
                    xtype: 'panela',
                    title: 'Home',
                    iconCls: 'home',
                    html: 'Home Screen'
                },
                {
                    xtype: 'panelb',
                    title: 'Contact',
                    iconCls: 'user',
                    html: 'Contact Screen'
                }
            ]
        });
    }
});

---

我目前也在使用您上面使用的功能，并一直在寻找相同的功能。找到解决方案了吗？嗨@SashaZd：目前还没有找到解决方案。等待其他人的输入。我目前也在使用您上面使用的功能，并一直在寻找相同的功能。找到解决方案了吗et？Hi@SashaZd：目前还没有找到解决方案。正在等待其他人的输入。谢谢。我学到了一件事，使用mixin，我们不能像对方法那样重用视图对象，但使用extens，我们可以做到。谢谢。我学到了一件事，使用mixin，我们不能像对方法那样重用视图对象，但我们不能我们能行！。