`
Allen_Oscar
  • 浏览: 24593 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Flex DataGrid之二(动态赋值)

    博客分类:
  • Flex
阅读更多

后台生成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

    在本文中,我们将深入探讨如何在Flex中设置`DataGrid`的数据提供者(`dataProvider`),以便动态地填充数据。`DataGrid`是Adobe Flex中一个非常重要的组件,它用于显示和操作网格形式的数据。理解如何有效地设置数据...

    flex datagrid分页 动态绑定数据源

    本篇文章将深入探讨“flex datagrid分页动态绑定数据源”的相关知识点。 首先,让我们理解Flex Datagrid的基本概念。Flex Datagrid是一个灵活的数据呈现控件,能够处理各种数据源,包括ArrayCollection、...

    Flex DataGrid从XML文件中加载数据

    总结来说,这个Flex应用通过`HTTPService`从XML文件获取数据,然后将数据绑定到`DataGrid`组件上,从而实现动态加载和展示XML数据的功能。这种方式在实际项目中非常常见,特别是在需要从服务器获取结构化数据并显示...

    Flex动态创建DataGrid设置图片

    本教程主要聚焦于如何在Flex中动态创建DataGrid,并向其中添加图片,这在创建交互式、富媒体应用时非常有用。通过以下两种方法,你可以实现这个功能。 ### 方法一:使用ItemRenderer 1. **定义ItemRenderer**: ...

    在flex的dataGrid控件中显示图片的实践

    DataGrid是Flex提供的一个强大的组件,它可以用来展示动态数据集,包括文本、数字,以及在本例中的图片。 在Flex中显示图片通常涉及到以下步骤: 1. **数据模型**:首先,我们需要定义一个数据模型,包含用于存储...

    flex itemRenderer 渲染机制的概念和使用

    ### 二、itemRenderer的使用 1. **创建itemRenderer组件** 要创建一个itemRenderer,首先需要创建一个新的MXML或AS3类,该类继承自Flex的UIComponent或其他组件类,比如Canvas或Label。然后在类中定义并实现如何...

    Flex中如何动态生成DataGrid以及动态生成表头

    最后,我们将`columns`数组赋值给`DataGrid`的`columns`属性,实现了动态表头的生成。 此外,我们还添加了一个`ListEvent.ITEM_CLICK`监听器,用于处理用户点击表格项的事件。`itemClickHandler()` 函数会被调用,...

    flex4 dataGrid 日期格式转换

    在Flex 4中,`DataGrid` 是一种用于展示数据表格的组件,它允许开发者以网格形式展示数据。在处理日期字段时,我们可能需要将日期格式化为特定的样式以便用户更容易理解。本篇文章将深入讲解如何在Flex 4的`DataGrid...

    Flex DataGrid 伪合并单元格思路及代码

    Flex DataGrid是Adobe Flex框架中的组件之一,用于展示表格数据。它允许开发者通过XML或ActionScript的方式定义列和行,并可自定义行或列的渲染方式。DataGrid组件能够显示大量的数据,并且还支持各种交互功能,如...

    flex中actionscript动态调用remoteobject类

    ### Flex中ActionScript动态调用RemoteObject类 在Flex中,使用ActionScript动态调用RemoteObject类是一种常见的实现客户端与服务器端交互的方式。通过这种方式,开发者可以在客户端灵活地调用服务器端的服务,并...

    Flex java blazeds 开中 遇到的问题大全

    4. **动态指定DataGrid的排序函数**:可以创建一个自定义的排序函数,然后将其赋值给`DataGridColumn`的`sortCompareFunction`属性。例如,`sortFunc("column")`返回一个比较函数,用于按指定字段对数据进行排序。 ...

    Flex与JSON及XML的互操作

    在这个例子中,我们使用了`resultFormat="e4x"`属性来指定结果应被解析为E4X格式的对象,然后通过`jsonData = event.result`将其赋值给`jsonData`变量。最后,`DataGrid`控件通过`dataProvider`属性绑定到解析后的...

    flex支持过滤的input

    这个场景中提到的“flex支持过滤的input”是指在Flex应用中的输入框(Input)组件,它允许用户进行模糊查询,即在输入时动态过滤并显示与输入内容匹配的数据。这种功能常见于搜索框或数据列表的筛选,如Google的搜索...

    Flex操作XML

    在Flex中,XML可以作为数据源,与UI组件进行交互,尤其适用于动态数据显示。以下将详细介绍Flex操作XML的几个关键步骤: 1. **加载XML**:Flex提供了`XML`类,用于解析和操作XML文档。你可以使用`URLLoader`加载XML...

    Flex技术经验和问题总结

    在Flex中,`DataGrid`组件可以通过设置其`itemRenderer`属性来动态指定渲染每一项数据的自定义组件。这通常用于定制每行数据的显示样式。例如,可以创建一个名为`ListCell`的类,并将其实例化为`ClassFactory`对象,...

    关于Flex的入门培训教材

    例如,`&lt;DataGrid dataProvider="{ws.getProducts.result}"&gt;`将Web服务“ws”的getProducts方法返回的结果赋值给数据网格的数据提供者。 在事件处理方面,MXML通过`click`等事件监听器属性来定义组件的行为。在上面...

    flex题目大全

    使用方法是在Flex项目中引用所需的RSL,并在运行时动态加载。 #### 27. 如何使应用去掉水平滚动条而显示垂直滚动条? - **答案**:通过设置`&lt;s:Application&gt;`标签中的`scrollPolicy`属性。 #### 28. 我想创建的...

    Flex基础培训

    Flex中的事件机制是实现组件间通信的关键技术之一。通过合理使用事件,可以有效降低代码耦合度,提高系统的可维护性和扩展性。 - **创建自定义事件**:在Flex中,可以通过继承`Event`类来创建自定义事件,以此来...

    flex 一问一答

    它可以处理任何类型的响应,包括JSON、文本或二进制数据。只需确保在请求中正确设置返回数据类型。 8. `HTTPService`可以请求任何类型的文件,包括`.xml`。只需要指定正确的URL,服务会尝试去请求并处理返回的数据...

    Flex新手教程_入门级学习笔记

    - **基本组件使用**:树 (`Tree`)、数据网格 (`DataGrid`)、标题窗口 (`TitleWindow`)、视图堆栈 (`ViewStack`)。 - **读写XML**:使用 `XML` 类进行读取和写入操作。 - **读写ShareObject**:用于持久化数据,即使...

Global site tag (gtag.js) - Google Analytics