列布局 - 如何設置textfield witdth

我有一個formpanel其中包含文本字段項目。 Here is a fiddle demonstrating my current screen 列布局 - 如何設置textfield witdth

是否有反正使文本字段的寬度佔用小於整個列的寬度？基本上，我希望列保持它們的大小（兩列各佔50％），但我不希望文本框佔據列的整個空間。

這可以使用像我現在有一個列布局來實現嗎？

2016-12-16 tommyO

不確定你想要達到什麼，在你的示例文本框不適合調整大小的列寬。如果你想固定寬度的文本字段，你可以使用'width'屬性我猜。 –

對不起 - 當你看着它時，我可能已經在小提琴裏亂搞了。如果你現在查看，你可以看到我在說什麼。我試過你建議設置文本框的寬度配置，但它不會改變任何東西。對我來說，如果你把一個文本框組件作爲項目放在列布局中，那麼文本框的寬度配置變得不相關。 textfield組件將自動填充fieldLabel之後剩下的剩餘columnWidth。任何人都可以確認嗎？我在4.2版本中工作 - 未測試如何在更高版本中工作。 – tommyO

我想你只是用錯誤的方式使用Ext.layout.container.Column。

在你的例子中，每個文本字段作爲列本身和總列寬是1.5。

columnWidths在添加在一起時必須總是加1（或100％），否則佈局可能無法按預期呈現。

您必須使用任何容器組件作爲列並將文本字段添加到此容器。

檢查此simple example。

來源

2016-12-19 15:02:12

列布局 - 如何設置textfield witdth

回答

相關問題