`
strugglesMen
  • 浏览: 118580 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

Flex 中DataGrid简单用法

阅读更多
最近写的一个demo 主要是DataGrid 控件的简单用法,备忘。。。。
<?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="onGetAllAddress()">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<mx:TitleWindow x="400" y="400" width="250" height="124" layout="absolute" id="popup" visible="false" backgroundColor="#FFFFFF">
		<mx:TextArea x="10" y="10" height="35" width="210" id="error"  borderStyle="none"/>
		<mx:Button x="93.5" y="52" label="OK" buttonDown="popup.visible=false"/>
	</mx:TitleWindow>
	<fx:Script>
		<![CDATA[
			import Paint.Constant;
			
			import mx.collections.ArrayCollection;
			import mx.controls.Alert;
			import mx.rpc.events.ResultEvent;
			import mx.rpc.events.FaultEvent;
			import mx.rpc.soap.WebService;
			private var DGArray:Array = new Array();
			
			//web service
			public function onGetAllAddress():void
			{
				var service:WebService = new WebService();
				service.loadWSDL(Constant.iAddressServicesUrl); //iAddressServicesUrl:自定义类中的变量用于存储web service url变量
				service.addEventListener(ResultEvent.RESULT,onResultAddress);
				service.addEventListener(FaultEvent.FAULT,onFaultError);
				service.GetAllAreaByIp(); //web service function
			}
			//web service成功是执行的方法
			public function onResultAddress(sev:ResultEvent):void
			{
				var getcityStr:String = sev.result.toString(); //获得web service方法的返回值
				initData(getcityStr);
			}
			
			//web服务错误时执行的方法
			public function onFaultError(sev:FaultEvent):void
			{
				popup.title = "出现异常";
				error.text = "	请检查网络是否异常!";
				popup.visible = true;
			}
			
		
			[Bindable]
			public var initDG:ArrayCollection;
			
			//将xml数据加到ArrayCollection中
			public function initData(str:String):void {
				var xml:XML = new XML(str);
				for(var i:Number = 0;i<xml.city.length();i++)
				{
					DGArray.push({Artist:'Pavement',地区:xml.city[i].@name,访问量:xml.city[i].@value});
				}
				DGArray.sortOn("地区") //指定value排序
				initDG=new ArrayCollection(DGArray); 
			}
		]]>
	</fx:Script>
	<mx:DataGrid id="myGrid" width="240" height="100%" 
				 dataProvider="{initDG}" > 
		<mx:columns> 
			<mx:DataGridColumn dataField="地区" /> 
			<mx:DataGridColumn dataField="访问量" width="50"/> 
		</mx:columns> 
	</mx:DataGrid> 
</s:Application>
2
4
分享到:
评论

相关推荐

    FLEX的datagrid合计、平均值

    在Flex开发中,Datagrid组件是用于展示数据集的一个强大工具,它允许用户以表格的形式查看和操作数据。本文将深入探讨如何在Flex的Datagrid中实现数据的合计与平均值计算,帮助开发者更好地理解和应用这些功能。 ...

    FLEX 4中实现对DATAGRID的过滤功能

    通过以上分析,我们可以看到,在FLEX 4中开发带有过滤功能的DATAGRID组件不仅需要对FLEX的基本概念有深刻的理解,还需要熟悉数据绑定、事件处理和过滤器的使用。希望本文能够帮助开发者们更好地掌握这一技术,从而在...

    flex 自定义 datagrid 列头带组合框进行过滤

    在Flex开发中,数据网格(DataGrid)是一种常用的组件,用于展示结构化的数据。当我们需要在列头上添加更丰富的交互功能,例如组合框(ComboBox)来进行过滤操作时,就需要自定义列头。这个主题——"flex 自定义 ...

    Flex4 DataGrid控件行编辑项目

    在Flex4.6开发环境中,DataGrid控件是用于展示数据集合的重要组件,它提供了丰富的功能,如排序、分页和自定义列显示。在这个项目中,我们关注的是如何实现DataGrid的行编辑功能,特别是在行中嵌套ComboBox控件以...

    flex组件之DataGrid高级用法实例源码

    本文将深入探讨Flex DataGrid的高级用法,通过实例源码来解析其核心特性,帮助开发者更好地理解和应用这一组件。 一、DataGrid组件基础 DataGrid组件是Flex中的一个表格控件,它能够显示二维数据集,如...

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

    在Flex开发中,DataGrid控件是用于展示结构化数据的常用组件,它可以灵活地显示表格形式的数据。本文将深入探讨如何在DataGrid中显示图片,特别是在与Spring、Hibernate和Struts等框架集成的背景下,如何处理二进制...

    flex DataGrid 表头分组

    在Flex开发中,数据网格(DataGrid)是用于展示大量结构化数据的常用组件。它允许用户以表格的形式查看和操作数据。当我们处理的数据需要进行分类或者分组时,Flex DataGrid 提供了表头分组的功能,这使得数据的展示...

    flex datagrid 前台 分页

    Flex DataGrid是一款强大的数据展示组件,常用于Adobe Flex或Flash Builder等开发环境中。它能够高效地展示大量数据,并提供丰富的用户交互功能。在本场景中,我们关注的是“前台分页”这一技术。 前台分页是指在...

    在Flex的DataGrid中使用CheckBox

    ### 在Flex的DataGrid中使用CheckBox #### 一、引言 在Flex应用程序开发中,DataGrid 是一种常用的UI组件,用于展示数据列表,并提供了一系列的功能,如排序、过滤等。有时,为了增加用户交互性或实现特定功能,...

    将Flex DataGrid数据导出到Excel中

    在开发基于Adobe Flex的应用程序时,我们经常遇到需要将数据展示在用户友好的方式中,例如使用DataGrid组件。然而,有时用户希望将这些数据显示在更传统的格式中,如Microsoft Excel电子表格。本教程将详细介绍如何...

    flex DataGrid用法大全

    flex 里面DataGrid常用到的所有用法总结!

    Flex-DataGrid源码及资料

    Flex DataGrid是一款在Adobe Flex开发环境中广泛使用的组件,主要用于展示和操作大量结构化的数据。它是一种灵活的表格视图,可以轻松地实现数据的排序、筛选、分页等功能。在这个"Flex-DataGrid源码及资料"的压缩包...

    flex 自定义dataGrid渲染器.根据数据变色

    在Flex开发中,数据网格(DataGrid)是用于展示大量结构化数据的常用组件。它允许用户以表格形式查看和操作数据。然而,有时我们可能需要根据数据的特定值来改变DataGrid中单元格的样式,例如颜色。这就涉及到了...

    Flex中组件datagrid导出Excel

    6. **实际应用**:在提供的压缩包文件"datagrid_excel"中,可能包含了一个简单的Flex应用程序示例,演示了如何实现上述过程。这个应用可能包含了一个DataGrid,一个按钮,以及点击按钮时触发的事件处理函数,该函数...

    flex中dataGrid全选和全不选功能

    在Flex框架中,DataGrid是用于展示数据列表的常用组件之一。它提供了丰富的特性来处理数据,包括排序、过滤和自定义渲染等。而在实际应用中,全选和全不选功能是数据列表中常见的需求,尤其是在需要批量操作场景下。...

    flex基于datagrid控件的增删改查及分页实现

    在Flex中,可以使用PagingNavigator或PagingControl组件配合DataGrid实现分页。这些组件提供了上一页、下一页、跳转到指定页等功能。分页涉及到计算每页的数据量,以及在用户导航时正确加载和显示相应页面的数据。 ...

    flex datagrid 标题栏添加 checkbox 和 数据行 checkbox 连动

    在Flex开发中,数据网格(DataGrid)是一种常用的组件,用于展示结构化的数据。当我们需要在数据网格中实现复选框功能,以便用户可以多选数据行时,通常会遇到两个主要需求:一是如何在标题栏添加复选框,二是如何使...

    Flex dataGrid 全选、反选

    在Flex编程中,DataGrid组件是用于展示结构化数据的强大工具。它允许用户对数据进行排序、筛选和编辑。在实际应用中,我们经常需要实现全选和反选功能,以便用户可以一次性选择或取消选择所有条目。本文将详细讨论...

    Flex4 带checkbox的DataGrid

    其中包含一个三种状态的checkbox,DataGrid代码中引用了 带多选框的DataGrid(AdvancedDataGrid) ...使用方法参考“示例参考.txt” ------------------------------ 目前数据源只能用ArrayCollection

    flex datagrid

    Flex DataGrid是一个强大的数据展示组件,它在Adobe Flex框架中被广泛使用,用于显示和操作大量结构化的数据。这个组件提供了灵活的布局选项,可定制的列格式化,以及丰富的用户交互功能,如排序、筛选和编辑。...

Global site tag (gtag.js) - Google Analytics