extjs 4.2.1 - 围绕组件包装布局容器

Question

我有一个外面板和一个内面板。内部面板有一个Ext.form.Label，只是说“Hello World”。我如何使用框架强制内部面板环绕Label组件？我似乎无法在API中找到任何可以让我这样做的东西。在原生Android代码中，您可以在XML文件中简单地指定“wrap_content”，但我不知道如何在此处执行此操作。

编辑： 我正在尝试创建的是一个类似于kayak.com上这个datepicker-toolbar小部件的组件。我已经拥有构建它所需的所有部分（我认为），但我想避免做的是硬编码宽度。我只是希望大小基于组件的默认大小。这是一个小的UI片段，将放置在包含许多其他小部件的表单中：

Answer 1

这是一个小提琴样本：

https://fiddle.sencha.com/#fiddle/2rj

代码：

Ext.application({
    name : 'Fiddle',

    launch : function() {
        new Ext.container.Container({
            renderTo: Ext.getBody(),
            layout: 'hbox',
            items: [{
                xtype: 'datefield'
            }, {
                xtype: 'component',
                html: ' - ',
                margin: '0 10'
            }, {
                xtype: 'datefield'
            }, {
                xtype: 'label',
                html: '10 Nights',
                margin: '5 0 0 100'
            }]
        });
    }
});