`
strugglesMen
  • 浏览: 111925 次
  • 性别: 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 里面DataGrid常用到的所有用法总结!

    Flex教程之DataGrid用法

    详细介绍了Flex中DataGrid控件的使用方法,并给出了实例代码

    Flex4 带checkbox的DataGrid

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

    flex DataGrid中文字符排序类

    flex DataGrid中文字符排序类 用法见 http://blog.sina.com.cn/s/blog_5fc933730100iign.html

    flex spark DataGrid 拖动删除

    flex datagrid 拖动 删除选中行,发现多数资料里使用的mx组件的实现方法对于spark组件不适用,这里只是简单的实现方式

    Flex itemRenderer的详细教程

    详细介绍Flex的项目呈现器的各种初级用法以及高级用法,相当实用。

    java开发的一个flex实例 使用DAGAGRID

    Java 与flex 数据库交互 使用FLEX中的datagrid组件 使用flex远程交互的remoteobjection方法 作为交互的方法 希望能对你的flex入门有所帮助

    Flex课程学习(附带源码)

    1、flex 是开发swf方法的一种 2、flexBuilder基于eclipse的IDE集成Design、debug动态help 4j:ant脚本 3、flex framework visual components Manager classes RPC/Messaging/Data Service c Utilities 4、MxML ...

    flex 常用组件附例子介绍

    flex dataGrid组件、datagroup组件、list组件、Itemreader详细介绍和用法

    flex4自适应高度的TitleWindow

    这是一个flex4的项目,可以下载下来单独运行,项目中是一个自定义的TitleWindow,TitleWindow中存放了一个dataGrid,它可以根据dataGrid中数据行增加而改变自身高度,直至要最大高度。此组件使用mxml定义,重写了...

    flex2.0创建可编辑及分页.txt

    使用Flex,Java,Json更新Mysql数据库 已经介绍了如何使用Json格式的数据从后台用remoteObject的方法读取后现在Flex的DataGrid中。但是如果数据的量很大,就要使用scroll的方式来浏览了,这样造就了很多不变。参考了...

    FLex连接数据

    在本教程中,您将从数据库检索数据并在 DataGrid 中显示它。Flex 应用程序不会直接连接到远程数据库。而是使用以您的首选网络语言(PHP、ColdFusion、Java 或任何其他服务器端网络技术)编写的数据服务连接到远程...

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

    Table of Contents ...8.1基本组件使用[Tree,datagrid,TitleWindow,ViewStack] 40 8.2读写XML 40 8.3读写ShareObject 40 8.4 BlazeDS配置及使用 40 8.5 回溯 40 8.6 Event 40 8.7 代码优化 40 8.8 Demo 40

    flex3的cookbook书籍完整版dpf(包含目录)

    在Flash中使用ContainerMovieClip创建Flex容器 21.3节.导入FlashCS3的组件 21.4节.认识Cairngorm小型结构 21.5节.创建Cairngorm视图、事件和模型 21.6节.创建Cairngorm命令和事务代理类 21.7节.创建...

    flex 4.6Css

    使用方法: 引入: add silvergreen-2.1.swc to libs 使用(SWC方案): 在IDE(如:Flash Builder)里面,增加一个编译参数: -theme ../libs/silvergreen-2.0.swc 使用(fx:Style方案): 1、copy ...

    flex 导出excel工具

    flex 导出excel工具包 用法如下: import com.as3xls.xls.ExcelFile; import com.as3xls.xls.Sheet; import mx.collections.ArrayCollection; import mx.controls.DataGrid; import mx.controls.dataGridClasses....

    asp.net知识库

    .Net 中IE使用WinForm控件的使用心得。 动态加载用户控件的组件!(终结MasterPages技术) 在ASP.NET 1.1下实现模板化站点的新思路 在ASP.Net中两种利用CSS实现多界面的方法 用于弹出ModalDialog进行数据选择的控件 ...

Global site tag (gtag.js) - Google Analytics