Flex中读取外部XML文件

最新推荐文章于 2014-12-31 22:39:23 发布

原创最新推荐文章于 2014-12-31 22:39:23 发布 · 2.2k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#flex #xml #datagrid #application #layout

Flex 专栏收录该内容

31 篇文章

订阅专栏

本文介绍如何使用Flex从本地XML文件加载数据，并将其显示在DataGrid中。通过MXML代码示例展示了如何设置DataGrid来呈现XML文件中的商品名称、价格及数量。

Flex中读取外部本地XML文件，为DataGrid提供数据的示例：

MXML文件：

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[0.4, 1.0]" backgroundGradientColors="[#9154DD, #6798C2]"> <mx:Model id="ShoppingCartList" source="myData/ShoppingCartList.xml" /> <mx:Panel layout="absolute" right="10" bottom="10" top="255" width="250" title="购物车"> <mx:DataGrid x="0" y="0" width="230" editable="false" dragEnabled="true" dataProvider="{ShoppingCartList.item}" height="162" bottom="40" top="0"> <mx:columns> <mx:DataGridColumn headerText="Name" dataField="name"/> <mx:DataGridColumn headerText="Price" dataField="price"/> <mx:DataGridColumn headerText="Number" dataField="number"/> </mx:columns> </mx:DataGrid> <mx:Button x="172" y="172" label="移除" fontSize="12" bottom="10" right="10"/> </mx:Panel> </mx:Application>

提供数据的ShoppingCartList.xml文件，保存在myData/ShoppingCartList.xml下，代码如下：

<ShoppingCartList> <item> <name>Apple</name> <price>2.33</price> <number>12</number> </item> <item> <name>Computer</name> <price>2043.3</price> <number>1</number> </item> <item> <name>TV</name> <price>3000</price> <number>2</number> </item> <item> <name>Camera</name> <price>2311.23</price> <number>1</number> </item> <item> <name>Keyboard</name> <price>3.3</price> <number>12</number> </item> </ShoppingCartList>

运行结果：