2010-03-05 50 views
2

我有一個表單,其中一個字段是一個全選應用類型字段,下面有幾個複選框。我需要並排顯示覆選框,但由於有很多,我希望它們可以換行到下一行。Flex:水平對齊複選框,但是換行到新行

我試着在FormItem裏面使用HGroup以及它們周圍的所有東西,但是這顯示它們都在同一行而沒有換行。

<mx:FormItem> 
    <s:HGroup>  
    <s:CheckBox content="item 1" /> 
    <s:CheckBox content="item 2" /> 
    <s:CheckBox content="item 3" /> 
    <s:CheckBox content="item 4" /> 
    <s:CheckBox content="item 5" /> 
    <s:CheckBox content="item 6" /> 
    <s:CheckBox content="item 7" /> 
    <s:CheckBox content="item 8" /> 
    </s:HGroup> 
</mx:FormItem> 

我需要它們水平顯示,但仍然以某種方式包裝到下一行。有任何想法嗎?

回答

0

試試這個:

<s:Group>  
    <s:layout><s:TileLayout/></s:layout> 
    <s:CheckBox content="item 1" /> 
    <s:CheckBox content="item 2" /> 
    <s:CheckBox content="item 3" /> 
    <s:CheckBox content="item 4" /> 
    <s:CheckBox content="item 5" /> 
    <s:CheckBox content="item 6" /> 
    <s:CheckBox content="item 7" /> 
    <s:CheckBox content="item 8" /> 
</s:Group> 

的Flex 4讓我們你組定義<layout>標籤內的佈局,以及<TileLayout>你想要做什麼。

+0

謝謝羅伯特。雖然這並不能解決它100%(每線2塊),但它仍然是我能找到的解決方案的最佳選擇。 – Coolate 2010-03-06 06:01:04

+0

嗯,只需設置組寬度(例如,)將其按行和列進行拼貼,只需要給它足夠的空間即可。 – 2010-03-06 16:01:41

0

您可能想要查看FlexLib庫。他們有一個名爲FlowBox的組件,我認爲它將完全按照您的要求進行操作。唯一的問題是我不確定FlexLib是否與Flex 4兼容。