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

Flex解析XML赋值给DataGrid

    博客分类:
  • Flex
阅读更多

user.xml文件:

<?xml version="1.0" encoding="UTF-8"?>
<UserInfo>
  <User>
    <id>2421</id>
    <name>Divid</name>
    <password>12345</password>
  </User>
  <User>
    <id>2403</id>
    <name>Lance</name>
    <password>12345</password>
 </User>
 <User>
    <id>1</id>
    <name>Allen</name>
    <password>12345</password>
  </User>
</UserInfo>

.mxml文件:

<?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;
			import mx.controls.Alert;
			import mx.rpc.events.FaultEvent;
			import mx.rpc.events.ResultEvent;
			import mx.rpc.http.HTTPService;
			[Bindable] public var xmlListColl:XMLList;
			[Bindable]public var userXmlListColl:ArrayCollection;
	 
	        function init(){
			
				getUserList();
	        }	
			public function getUserList():void
			{
				var configService:HTTPService = new HTTPService();
				configService.url = "user.xml";
				configService.resultFormat = "xml";	
				configService.addEventListener(ResultEvent.RESULT, configResult);
				configService.addEventListener(FaultEvent.FAULT, configFault);	
				configService.send();
			}
			private function configFault(event:mx.rpc.events.FaultEvent):void
			{
				Alert.show("加载异常");
			}
			
			
			private function configResult(event:ResultEvent):void
			{
				try{
				var configXML:XML = new XML(event.result.toString());
				xmlListColl = new XMLList();
				xmlListColl= configXML.User;	
				userXmlListColl = new ArrayCollection();  
				for(var i:int = 0;i < xmlListColl.length() ; i++){
					
					var obj:Object = {
						    id: xmlListColl[i].id,
							name : xmlListColl[i].name,
							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="id" dataField="id"/>
			<mx:DataGridColumn headerText="用户" dataField="name"/>
			<mx:DataGridColumn headerText="密码" dataField="password"/>
		</mx:columns>
	</mx:DataGrid>
 
</s:Application>

 

 

分享到:
评论

相关推荐

    Flex DataGrid从XML文件中加载数据

    在这里,我们将XML数据赋值给`users`变量,并将XML的子元素集合(即所有`user`节点)作为`DataGrid`的数据提供者。 ```actionscript private function resultUsers(event:ResultEvent):void{ users = XML(event....

    Flex操作XML

    首先,创建一个DataSet实例,然后将XML数据赋值给它的`data`属性: ```actionscript var dataSet:DataSet = new DataSet(); dataSet.data = xmlData; ``` 4. **使用DataGrid显示数据**:`DataGrid`是Flex中用于展示...

    Flex与JSON及XML的互操作

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

    flex4 dataGrid 日期格式转换

    这将把`memberResult.registeTime`这个日期转换为“YYYY-MM-DD”格式,并赋值给`regTime`文本字段。 下面是一个完整的MXML示例,展示了如何在`DataGrid`中应用`DateFormatter`: ```xml &lt;?xml version="1.0" ...

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

    Flex中的itemRenderer是一种关键的组件渲染机制,它允许开发者自定义列表或数据集项的显示方式。在Flex应用中,特别是在处理数据集如ArrayCollection时,我们常常需要以不同的方式展示每个项目,例如图片、文本或者...

    flex支持过滤的input

    4. **更新视图**:过滤后的新数据集合赋值给列表或网格的dataProvider,以便显示过滤结果。 ```xml ``` 5. **优化性能**:为了提高用户体验,可能需要添加延迟加载或节流机制,避免用户每次按键都进行过滤,这...

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

    在探讨Flex DataGrid伪合并单元格的实现之前,首先需要明确Flex DataGrid的基本概念以及单元格合并的常见需求。 Flex DataGrid是Adobe Flex框架中的组件之一,用于展示表格数据。它允许开发者通过XML或ActionScript...

    关于Flex的入门培训教材

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

    Flex基础培训

    - 在事件对象中设置数据:在派发事件时,将需要传递的数据赋值给自定义事件类的属性。 - 接收并使用数据:在事件处理器中访问这些属性,从而实现数据的有效传递。 #### 四、示例代码解析 以下是一段关于如何创建...

    flex 一问一答

    例如,对于Alert组件,你可以定义`AlertTitle`和`AlertMessage`样式,然后分别赋值给`titleStyleDeclaration`和`messageStyleDeclaration`属性。对于其他组件,如`TextInput`,可以直接在组件上定义`toolTip`属性并...

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

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

    flex 实现全文检索中的高亮显示代码

    重写后的data方法会首先检查传入的value值是否为null,如果不是,则通过调用super.data方法将其赋值给DataGrid的dataProvider属性。 接下来,最关键的步骤是设置文本组件的htmlText属性,该属性允许我们将HTML字符...

    flex的air工程计算等本金贷款利息

    使用datagrid用object填充,日期选择控件,数字货币格式化,另外发布的时候及时改动了CountInterest-app.xml,让程序显得更专业 icon 和description 发现一个奇怪问题,date类型取当前时间bug 声明private var ...

Global site tag (gtag.js) - Google Analytics