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 - 圍繞組件包裝佈局容器

回答

相關問題