首页 > 其他好文 > 详细

Flex4 vs Flex3: Repeater vs DataGroup

时间：2015-05-05 18:17:29 阅读：128 评论：0 收藏：0 [点我收藏+]

标签：

repeaters太老土了！如果你过去使用过它，你会发出这种感概。现在，我们终于要摆脱它了。
Repeaters不仅有沉重的组件，而且接合使用很不方便。那么，Flex 4中有什么可以帮助我们吗？DataGroups！
下面的例子都会用到这个数据：

userData = new ArrayCollection();
userData.addItem({"fname":"Rich","lname":"Tretola"});
userData.addItem({"fname":"Joe","lname":"Smith"});
userData.addItem({"fname":"Bill","lname":"Johnson"});

复制代码

Flex 3的例子使用了Repeater和一个名为PersonRenderer的自定义组件：
主文件中的Repeater(Flex 3)：

<mx:VBox horizontalCenter="0" verticalCenter="0">
<mx:Repeater id="rep" dataProvider="{userData}">
<local:PersonRenderer person="{rep.currentItem}"/>
</mx:Repeater>
</mx:VBox>

复制代码

PersonRenderer 组件(Flex 3):

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" >
<mx:Script>
<![CDATA[
[Bindable]
public var person:Object;
]]>
</mx:Script>
<mx:Label text="{person.fname} {person.lname}"/>
</mx:HBox>

复制代码

<ignore_js_op> 技术分享

技术分享

使用了DataGroup和ItemRenderer的Flex4例子。代码如下：
主文件中的DataGroup:

<s:DataGroup itemRenderer="PersonRenderer"
dataProvider="{userData}"
verticalCenter="0" horizontalCenter="0">
<s:layout>
<s:VerticalLayout/>
</s:layout>
</s:DataGroup>

复制代码

PersonRenderer ItemRenderer (Flex 4):

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark">
<s:Label text="{data.fname} {data.lname}"/>
</s:ItemRenderer>

复制代码

<ignore_js_op> 技术分享

技术分享

Flex4 vs Flex3: Repeater vs DataGroup

标签：

原文地址：http://www.cnblogs.com/jiahuafu/p/4479342.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！