Sencha触觉2:可以实现视图对象的继承吗？
Sencha触觉2:可以实现视图对象的继承吗？
提问于 2013-04-03 18:29:37
我需要一些关于以下方面的建议。
BackGround:
我正在研究Sencha 2 MVC应用程序。在我的应用程序中，我在几个屏幕上有一个工具栏。目前，我已经为工具栏创建了一个类，然后在所需的视图上使用xType将工具栏添加为xType：'customizedToolbar‘。但是，不是这样，我想声明一个父类，其中定义了这个工具栏，然后从所有其他子类中扩展这个父类，这样我就可以避免每次使用xType添加工具栏。
例如，下面是示例应用程序，
Ext.application({ app:'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
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-04-03 20:53:37
以下代码不使用混合，而是使用基本类继承：
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'
}
]
});
}
});这是小提琴
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15795167
复制相关文章
相似问题
腾讯云开发者
