如何从ArrayCollection创建复选框

Question

我有一个ArrayCollection [{category: "fiction", title: "The Time Machine", author: "H.G. Wells"},...]个对象，我想从中创建以下复选框：

1. 分为带有节标题的部分
2. 水平显示，即复选框从左到右显示并继续到下一行

任何人都知道如何实现以下显示？

FICTION
[] The Sleeper Awakes -- H.G. Wells [] The Time Machine -- H.G. Wells 
[] The Invisible Man -- H.G. Wells  [] War of the Worlds -- H.G. Wells

我尝试使用itemRenderer，但它没有达到我想要的效果：

<s:Panel id="catalogPanel" width="487" minHeight="300" title="Books">
        <s:layout>
            <s:HorizontalLayout/>
        </s:layout>
        <s:List dataProvider="{catalog}" width="100%" height="300">
            <s:layout>
                <s:HorizontalLayout/>
            </s:layout>
            <s:itemRenderer>
                <fx:Component>
                    <s:ItemRenderer>
                        <s:CheckBox id="book" label="{data.title}"/>
                    </s:ItemRenderer>
                </fx:Component>
            </s:itemRenderer>
        </s:List>
    </s:Panel>

Answer 1

2。）flexLib项目为此提供了FlowBox组件。