list组件

<?xml version="1.0"?>

<!-- Simple example to demonstrate the Spark List component -->

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">

    <fx:Script>

        <![CDATA[

            import mx.controls.Alert;

            import mx.messaging.AbstractConsumer;

            import spark.events.IndexChangeEvent;

            import mx.collections.ArrayCollection;

            [Bindable]

            private var array:ArrayCollection = new ArrayCollection([{id:1,city:"北京"},{id:2,city:"天津"},{id:3,city:"上海"}]);

            protected function list1_changeHandler(event:IndexChangeEvent):void

            {

                Alert.show(list1.selectedItem.city);

            }

        ]]>

    </fx:Script>

    <s:VGroup left="20" right="20" top="20" bottom="20">

        <s:List id="list1" dataProvider="{array}" labelField="city" x="87" y="101" width="144" change="list1_changeHandler(event)">

            <s:itemRenderer>

                <fx:Component>

                    <s:ItemRenderer>

                        <fx:Script>

                            <![CDATA[

                                import mx.controls.Text;

                                override public function set data(value:Object):void {

                                    sn.text = String(itemIndex+1);

                                    txt.text = String(value.city);

                                    but.label = String(itemIndex+1);

                                }

                            ]]>

                        </fx:Script>

                        <s:Label id="sn" x="0" />

                        <s:Label id="txt" x="30" />

                        <s:Button id="but" width="45" x="90"/>

                    </s:ItemRenderer>

                </fx:Component>

            </s:itemRenderer>

        </s:List>

    </s:VGroup>

</s:Application>
相关文章
