Flex组件Repeater

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"



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值