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

Question

我有一个外面板和一个内面板。内部面板有一个 Ext.form.Label，上面写着“Hello World”。我将如何使用框架强制内部面板环绕 Label 组件？我似乎无法在 API 中找到任何可以让我执行此操作的内容。在 native Android 代码中，您可以在 XML 文件中简单地指定“wrap_content”，但我不确定如何在此处执行此操作。

编辑: 我要创建的是一个类似于来自 kayak.com 的日期选择器工具栏小部件的组件。我已经拥有构建它所需的所有部分(我认为)，但我试图避免做的是对宽度进行硬编码。我只想根据组件的默认大小调整大小。这是一个小的 UI 部分，将与许多其他小部件一起放入表单中:

Answer 1

这是一个示例 fiddle :

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'
            }]
        });
    }
});