Не совсем понимаю, что вы создаёте, но если вам нужно встроить контейнер внутрь определённого тега, используйте параметр renderTo или метод render:
http://docs.sencha.com/extjs/5.1/5.1...r-cfg-renderTo
Ext.define('MyContainer', {
extend: 'Ext.container.Container',
alias: 'widget.my-container',
config: {
targetId: null
},
initComponent: function() {
var target = Ext.get(this.getTargetId());
var containerEl = target.createChild({
tag: target.dom.nodeName,
style: target.getAttributes().style
});
this.renderTo = containerEl;
this.callParent();
}
});
Ext.widget({
xtype: 'my-container',
targetId: 'target',
layout: 'hbox',
items: [
{
title: 'Panel 1', flex: 1
},
{
title: 'Panel 2', flex: 1
},
{
title: 'Panel 3', flex: 1
}
]
});
Пример