后台生成XML格式,Flex通过解析赋值给DataGrid。
java后台生成XML样式:
<?xml version="1.0" encoding="UTF-8"?> <list> <User> <id>2421</id> <departId>443</departId> <name>Divid</name> <password>12345</password> <trueName>王亚</trueName> <sex>男</sex> <address>北京</address> <mobilePhone>13521157208</mobilePhone> <email>603241032@qq.com</email> <createTime class="sql-timestamp">2013-01-29 17:19:32.0</createTime> <editTime class="sql-timestamp">2013-01-29 17:19:32.0</editTime> <createName>郭飞</createName> <createId>1</createId> <createPhone>13521157209</createPhone> <descr>员工</descr> <updateUserId>0</updateUserId> <userState>不启用</userState> </User> <User> <id>2403</id> <departId>582</departId> <name>Lance</name> <password>12345</password> <trueName>黎明</trueName> <sex>男</sex> <address>北京</address> <mobilePhone>18869365245</mobilePhone> <email>5698521@163.com</email> <createTime class="sql-timestamp">2013-01-29 13:19:40.0</createTime> <editTime class="sql-timestamp">2013-01-29 13:19:40.0</editTime> <createName>王刚</createName> <createId>1</createId> <createPhone>13521157209</createPhone> <descr>员工</descr> <updateUserId>0</updateUserId> <userState>不启用</userState> </User> <User> <id>1</id> <departId>561</departId> <name>Allen</name> <password>12345</password> <trueName>王刚</trueName> <sex>男</sex> <address>北京</address> <mobilePhone>13521157209</mobilePhone> <email>603241032@qq.com</email> <createTime class="sql-timestamp">2012-12-13 00:00:00.0</createTime> <editTime class="sql-timestamp">2013-01-29 13:14:34.0</editTime> <createName>王刚</createName> <createId>1</createId> <createPhone>13521157209</createPhone> <descr>员工</descr> <updateUserId>0</updateUserId> <userState>1</userState> </User> </list>
解析XML:
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" initialize="init()" > <fx:Script> <![CDATA[ import mx.collections.ArrayCollection; [Bindable] public var xmlListColl:XMLList; [Bindable]public var userXmlListColl:ArrayCollection; function init(){ } public function getUserDepart(index:String):void{ try{ userXmlListColl = new ArrayCollection(); for(var i:int = 0;i < xmlListColl.length() ; i++){ var obj:Object = { id: xmlListColl[i].id, name : xmlListColl[i].name, sex : xmlListColl[i].sex, trueName : xmlListColl[i].trueName, address : xmlListColl[i].address, descr : xmlListColl[i].descr, mobilePhone : xmlListColl[i].mobilePhone, email : xmlListColl[i].email, userState : xmlListColl[i].userState, password : xmlListColl[i].password } } userXmlListColl.addItem(obj); }catch(error:Error){ } } ]]> </fx:Script> <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> </fx:Declarations> <mx:DataGrid x="210" y="184" id="datagrid" dataProvider="{userXmlListColl}"> <mx:columns> <mx:DataGridColumn headerText="用户名" dataField="name"/> <mx:DataGridColumn headerText="密码" dataField="password"/> <mx:DataGridColumn headerText="地址" dataField="address"/> </mx:columns> </mx:DataGrid> </s:Application>
相关推荐
在本文中,我们将深入探讨如何在Flex中设置`DataGrid`的数据提供者(`dataProvider`),以便动态地填充数据。`DataGrid`是Adobe Flex中一个非常重要的组件,它用于显示和操作网格形式的数据。理解如何有效地设置数据...
本篇文章将深入探讨“flex datagrid分页动态绑定数据源”的相关知识点。 首先,让我们理解Flex Datagrid的基本概念。Flex Datagrid是一个灵活的数据呈现控件,能够处理各种数据源,包括ArrayCollection、...
总结来说,这个Flex应用通过`HTTPService`从XML文件获取数据,然后将数据绑定到`DataGrid`组件上,从而实现动态加载和展示XML数据的功能。这种方式在实际项目中非常常见,特别是在需要从服务器获取结构化数据并显示...
本教程主要聚焦于如何在Flex中动态创建DataGrid,并向其中添加图片,这在创建交互式、富媒体应用时非常有用。通过以下两种方法,你可以实现这个功能。 ### 方法一:使用ItemRenderer 1. **定义ItemRenderer**: ...
DataGrid是Flex提供的一个强大的组件,它可以用来展示动态数据集,包括文本、数字,以及在本例中的图片。 在Flex中显示图片通常涉及到以下步骤: 1. **数据模型**:首先,我们需要定义一个数据模型,包含用于存储...
### 二、itemRenderer的使用 1. **创建itemRenderer组件** 要创建一个itemRenderer,首先需要创建一个新的MXML或AS3类,该类继承自Flex的UIComponent或其他组件类,比如Canvas或Label。然后在类中定义并实现如何...
最后,我们将`columns`数组赋值给`DataGrid`的`columns`属性,实现了动态表头的生成。 此外,我们还添加了一个`ListEvent.ITEM_CLICK`监听器,用于处理用户点击表格项的事件。`itemClickHandler()` 函数会被调用,...
在Flex 4中,`DataGrid` 是一种用于展示数据表格的组件,它允许开发者以网格形式展示数据。在处理日期字段时,我们可能需要将日期格式化为特定的样式以便用户更容易理解。本篇文章将深入讲解如何在Flex 4的`DataGrid...
Flex DataGrid是Adobe Flex框架中的组件之一,用于展示表格数据。它允许开发者通过XML或ActionScript的方式定义列和行,并可自定义行或列的渲染方式。DataGrid组件能够显示大量的数据,并且还支持各种交互功能,如...
### Flex中ActionScript动态调用RemoteObject类 在Flex中,使用ActionScript动态调用RemoteObject类是一种常见的实现客户端与服务器端交互的方式。通过这种方式,开发者可以在客户端灵活地调用服务器端的服务,并...
4. **动态指定DataGrid的排序函数**:可以创建一个自定义的排序函数,然后将其赋值给`DataGridColumn`的`sortCompareFunction`属性。例如,`sortFunc("column")`返回一个比较函数,用于按指定字段对数据进行排序。 ...
在这个例子中,我们使用了`resultFormat="e4x"`属性来指定结果应被解析为E4X格式的对象,然后通过`jsonData = event.result`将其赋值给`jsonData`变量。最后,`DataGrid`控件通过`dataProvider`属性绑定到解析后的...
这个场景中提到的“flex支持过滤的input”是指在Flex应用中的输入框(Input)组件,它允许用户进行模糊查询,即在输入时动态过滤并显示与输入内容匹配的数据。这种功能常见于搜索框或数据列表的筛选,如Google的搜索...
在Flex中,XML可以作为数据源,与UI组件进行交互,尤其适用于动态数据显示。以下将详细介绍Flex操作XML的几个关键步骤: 1. **加载XML**:Flex提供了`XML`类,用于解析和操作XML文档。你可以使用`URLLoader`加载XML...
在Flex中,`DataGrid`组件可以通过设置其`itemRenderer`属性来动态指定渲染每一项数据的自定义组件。这通常用于定制每行数据的显示样式。例如,可以创建一个名为`ListCell`的类,并将其实例化为`ClassFactory`对象,...
例如,`<DataGrid dataProvider="{ws.getProducts.result}">`将Web服务“ws”的getProducts方法返回的结果赋值给数据网格的数据提供者。 在事件处理方面,MXML通过`click`等事件监听器属性来定义组件的行为。在上面...
使用方法是在Flex项目中引用所需的RSL,并在运行时动态加载。 #### 27. 如何使应用去掉水平滚动条而显示垂直滚动条? - **答案**:通过设置`<s:Application>`标签中的`scrollPolicy`属性。 #### 28. 我想创建的...
Flex中的事件机制是实现组件间通信的关键技术之一。通过合理使用事件,可以有效降低代码耦合度,提高系统的可维护性和扩展性。 - **创建自定义事件**:在Flex中,可以通过继承`Event`类来创建自定义事件,以此来...
它可以处理任何类型的响应,包括JSON、文本或二进制数据。只需确保在请求中正确设置返回数据类型。 8. `HTTPService`可以请求任何类型的文件,包括`.xml`。只需要指定正确的URL,服务会尝试去请求并处理返回的数据...
- **基本组件使用**:树 (`Tree`)、数据网格 (`DataGrid`)、标题窗口 (`TitleWindow`)、视图堆栈 (`ViewStack`)。 - **读写XML**:使用 `XML` 类进行读取和写入操作。 - **读写ShareObject**:用于持久化数据,即使...