Flex组件Repeater
发布时间:2020-12-15 04:04:59 所属栏目:百科 来源:网络整理
导读:1、设计思路 (1)新建一个应用程序; (2)在应用程序中,声明一个数组; (3)给一个Repeater,里面包含一个Button和TextInput。 2、设计源码 RepeaterCom.mxml: ?xml version="1.0" encoding="utf-8"?s:Application xmlns:fx="http://ns.adobe.com/mxml/
1、设计思路 (1)新建一个应用程序; (2)在应用程序中,声明一个数组; (3)给一个Repeater,里面包含一个Button和TextInput。 2、设计源码 RepeaterCom.mxml:
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%"> <s:layout> <s:BasicLayout/> </s:layout> <fx:Declarations> <s:ArrayCollection id="ac" source="{myArray}"/> </fx:Declarations> <fx:Script> <![CDATA[ private var myArray:Array = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16]; ]]> </fx:Script> <mx:VBox width="100%" height="100%" horizontalAlign="center" verticalAlign="middle"> <mx:Repeater dataProvider="{ac}" startingIndex="2" count="10"> <mx:HBox> <s:Button label="查询" click="myText[event.target.instanceIndices].text= event.target.instanceIndices.toString();"/> <s:TextInput id="myText"/> </mx:HBox> </mx:Repeater> </mx:VBox> </s:Application>3、运行结果 (1)初始化 (2)点击查询 ? ? ? ? ? ? ? ?改变Repeater中的下面两个属性的值,会显示不同的结果
startingIndex="2" count="10" (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |