<?xml version="1.0"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                       xmlns:s="library://ns.adobe.com/flex/spark"
                       xmlns:parsley="http://www.spicefactory.org/parsley">
    <fx:Declarations>
        <parsley:ContextBuilder description="MainContext">
            <parsley:FlexConfig type="{MainConfig}"/>
        </parsley:ContextBuilder>

        <parsley:Configure/>
    </fx:Declarations>

    <fx:Script>
        <![CDATA[
        import mx.collections.ArrayCollection;

        import spark.events.IndexChangeEvent;

        [Bindable]
        private var _parentArr:ArrayCollection;

        [Bindable]
        public var subArr:ArrayCollection;

        [Init]
        public function parsleyInit():void
        {
            _parentArr = new ArrayCollection(["parent 1", "parent 2", "parent 3", "parent 4"]);
            subArr = new ArrayCollection(["Child 1", "child 2", "child 3", "child 4"])
        }

        private function handleChanged(event:IndexChangeEvent):void
        {
            event.preventDefault();
        }
        ]]>
    </fx:Script>

    <s:layout>
        <s:VerticalLayout gap="10"/>
    </s:layout>

    <s:List id="parentList"
            changing="handleChanged(event)"
            dataProvider="{_parentArr}">
        <s:itemRenderer>
            <fx:Component>
                <s:ItemRenderer>
                    <s:VGroup>
                        <s:Label text="{data}"></s:Label>
                        <s:List id="childList"
                                dataProvider="{outerDocument.subArr}">
                            <s:itemRenderer>
                                <fx:Component>
                                    <s:ItemRenderer>
                                        <s:Group>
                                            <s:Label text="{data}" />
                                        </s:Group>
                                    </s:ItemRenderer>
                                </fx:Component>
                            </s:itemRenderer>
                        </s:List>
                    </s:VGroup>
                </s:ItemRenderer>
            </fx:Component>
        </s:itemRenderer>
    </s:List>
</s:WindowedApplication>