Как создать флажки из 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.