在Flex控件中使用XMLListCollection
现在,应用程序已经通过 HTTPService 取得了数据,并将数据保存在了一个 XMLListCollection 中。而目前唯一能够知道应用程序可以正常工作的方式是使用调试器。在下面这个练习中,我们会在应用程序中通过一个水平的列表来显示类别数据。
(1) 打开 FlexGrocer.mxml 文件。
如果你没有完成上一课中的练习,或者你的代码工作不正常,可以从 Lesson06/intermediate 文件夹中导入 FlexGrocer-PreList.fxp 项目。附录为跳过了某一课或者无法解决代码中问题的读者提供了导入项目的完整说明。
(2) 在应用程序的 controlBarContent 区域中添加一个 <s:List> 控件。可以在现有的几个按钮后面添加这个控件。
<s:controlBarContent>
<s:Button id="btnCheckout" label="Checkout" right="10" y="10"/>
<s:Button id="btnCartView" label="View Cart" right="90" y="10" click.
State1="handleViewCartClick( event )"/>
<s:Button label="Flex Grocer" x="5" y="5"/>
<s:List>
</s:List>
</s:controlBarContent>
(3) 然后,指定这个 List 距控制条区域的左边 200 像素,高度为 40 像素。
<s:List left="200" height="40">
</s:List>
(4) 指定这个 List 会使用 HorizontalLayout 。
<s:List left="200" height="40">
<s:layout>
<s:HorizontalLayout/>
</s:layout>
</s:List>
前面我们对控件组使用了水平和垂直布局,但 List 类也可以使用相同的对象来确定其子控件的排列方式。
(5) 接下来,将前面定义和填充的 categories 变量绑定到 List 实例的属性 dataProvider 。
<s:List left="200" height="40" dataProvider="{categories}">
<s:layout>
<s:HorizontalLayout/>
</s:layout>
</s:List>
这个语法告诉 Flex 框架,当发生 categories 属性变化的事件时,列表需要从数据源取得更新的数据,以便正确地响应。本书后面将经常用到 List 和 dataProvider 。
(6) 保存并运行应用程序。
新创建的列表将横跨在界面上方,其中的数据元素水平排列。然而,此时不仅显示了类别名称,还显示了与类别相关的 XML 标签。我们真正想要显示的是 XML 的 <category> 节点包含的 <name/> 节点中的数据。
(7) 返回 FlexGrocer 应用程序,为列表添加一个名为 labelField 的属性,将其值设置为 name 。
<s:List left="200" height="40" dataProvider="{categories}" labelField="name">
<s:layout>
<s:HorizontalLayout/>
</s:layout>
</s:List>
这里的 labelField 属性用于告诉列表将数据源中的哪个字段(属性)作为列表项的标签。
(8) 保存并运行应用程序。
这样,列表中只显示了类别名称,下一课还将用到这些数据。
在Flex控件中使用XMLListCollection相关推荐
- C#+AE 调整TOCControl控件中图层的显示顺序
基本思路如下:利用鼠标左键将需要调整顺序的图层移动至目标位置. ①需要涉及到TOCControl的OnMouseDown事件来获取要调整的图层, ②OnMouseUp事件获得目标图层和索引号, ③再利 ...
- 用户控件中动态加入脚本引用
用户控件中动态加入脚本引用,添加前先判断是否已经有引用,没有才添加. //××××.ascx protected void Page_Load(object sender, EventArgs e){ ...
- [翻译]Scott Mitchell 的ASP.NET 2.0数据教程之十三:在DetailsView控件中使用TemplateField...
导言 比起BoundField.CheckBoxField.HyperLinkField以及其他的那些数据字段控件(data field controls)来说,TemplateField提供了一种高 ...
- onmouseover和onmouseout在Repeater控件中应用
如果你曾看过这篇,http://www.cnblogs.com/insus/articles/1411057.html ,它是在GridView控件中演示,但是它的方法在Repeater控件是无法复制 ...
- 关于从页面中获取用户控件中的其它控件(如DropDownList)事件的方法
在项目中经常把一些经常使用的代码做成用户控件以提高代码的可重用性, 一个经常遇到的就是在页面中调用用户控件中的服务器控件的事件,下面给出简单的代码示列. 我们在一个用户控件(MaterialRepor ...
- 在用户控件中用户登录后台脚本判断
在用户控件中用户登录后台脚本判断写法 if (!IsPostBack) { imagelogin.Attributes.Add(&qu ...
- html怎样添加日历控件,向日历控件中添加自定义内容
向日历控件中添加自定义内容 String[][] holidays; void Page_Load(Object Sender, EventArgs e) { holidays = new Strin ...
- 格式化显示在Label控件中的金额格式文本 (2)
通过Label控件的Text属性可以设置控件内显示的文本,而通过对象的ToString方法可以格式化字符串显示的格式.本实例设定在Label控件中金额的显示格式,运行结果如图1所示. <?XML ...
- 在DataGridView控件中加入ComboBox下拉列表框的实现
原文 http://www.cnblogs.com/luqingfei/archive/2007/03/28/691372.html 虽然在Visual Studio中 DataGridView控件的 ...
最新文章
- 人工智能基础-算法工程师为什么要懂线性代数?
- mysql存储过程调试学习总结
- java 连接两个arraylist,java – 在两个线程之间共享一个ArrayList?
- ubuntu16.04安装,使用redis布隆过滤器示例
- C#中调用SSIS包的问题
- 九、模型文档编辑器(生成项目文档)
- KITTI数据集简析
- 【办公协作软件】万彩办公大师教程丨PDF页面排列布局帮助文档
- Android精仿淘宝/QQ空间标题栏渐变效果
- python爬虫微博热搜_微博热搜榜数据爬虫采集 - 八爪鱼采集器
- OpenCV源码剖析之imread PNG
- 重启计算机之前无法刷新,更新完补丁不断提示是否重启电脑的解决方法
- 安卓手机玩游戏卡顿怎么解决_安卓手机卡顿如何解决?教你四招,流畅度立刻飙升!...
- 用bootstrap写一个简洁的网页
- 【网络工具】使用 iperf测试 udp组播
- JAVA练习200-峰与谷
- 那些async、await 魔鬼细节
- Linux命令使用技巧集锦(转)
- c语言运行不显示图片,为何加载烟花就换了一句,将图片加载进资源,结果运行中烟花不显示...
- linux挂载opt磁盘,centos挂载硬盘到opt