Flex4 vs Flex3: Repeater vs DataGroup-白红宇

强烈建议你试试无所不能的chatGPT，快点击我

Flex4 vs Flex3: Repeater vs DataGroup

阅读量：5961 次

发布时间：2019-06-19

本文共 1427 字，大约阅读时间需要 4 分钟。

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>

本文转自jiahuafu博客园博客，原文链接http://www.cnblogs.com/jiahuafu/p/4479342.html如需转载请自行联系原作者

jiahuafu

你可能感兴趣的文章

轻、快、好、免费的开发工具

[LeetCode] Delete Duplicate Emails 删除重复邮箱

fullCalendar动态获取数据

Android 服务端开发之开发环境配置

如何建立自己的私有云存储

CPA,CPS,CPC,CPM的特点

Phonegap Online和Offline

Open XML应用安全（4）文档校验

jquery.lazyload的使用

学习笔记：启动对特定用户的会话的sql跟踪

开发node桌面级应用工具：apk转化epub

笨笨图片批量抓取下载 V0.2 beta[C# | WinForm | 正则表达式 | HttpWebRequest | Async异步编程]...

VS2010启动程序提示文件加载使用简体中文（GB2312）编码加载文件解决办法

代码生成工具Database2Sharp中增加视图的代码生成以及主从表界面生成功能

Android 动态注册亮屏、息屏广播

NYOJ 题目77 开灯问题(简单模拟)

15.6. HTML嵌入图片

Gym 100952G&&2015 HIAST Collegiate Programming Contest G. The jar of divisors【简单博弈】

Could not find class 'XXX.activity‘', referenced from method 'YYYY'

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！-- 愿君每日到此一游！

当前时间: 2024-12-28 23:43:06 当前IP: 3.16.137.150 联系邮箱:javaeecc@qq.com Copyright © 2020 - 2022 baihongyu.com 京ICP备2021015314号-2

强烈建议你试试无所不能的CHAT-GPT，快点击我

强烈建议你试试无所不能的CHAT-GPT，快点击我