Flex4 vs Flex3: Repeater vs DataGroup-阿里云开发者社区

Flex4 vs Flex3: Repeater vs DataGroup

2015-05-05 823

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

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

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

热门文章

最新文章

相关电子书