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

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

编辑：我试图创建一个组件类似于从kayak.com这个日期选择器 - 工具栏小工具。我已经拥有了构建它所需的所有部分（我认为），但我试图避免做的是硬编码宽度。我只是想根据组件的默认尺寸进行尺寸调整。这是一个很小的UI部分将被放置到与许多其他部件：

enter image description here

来源

2014-01-22 Android Noob

什么外板是否与它有关？你想达到什么目的？ –

已更新的问题。我提到了外部面板，因为我习惯在Android中设置UI，因为它需要“外部”布局容器。我不确定它是否与ExtJS相同。 –

下面是一个示例小提琴：

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

来源

2014-01-22 05:00:31

好的thx的答复。我能够自己解决这个问题：p。你会在这个小部件的右边显示文本和'X'链接。我应该只扩展Ext.Component并执行我自己的tpl吗？另外，如果我想在正确的日期字段和右侧的文本之间添加一些间距，是否有某种Space小部件？ –

完全一样。边距+一个组件。更新了答案。 –

另外，这就是您发布代码的原因。我不知道你在干什么。 –

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

回答

相关问题