Flex中在DataGrid加载数据时显示Loading...
网络状况是互联网发展与软件发展的一个很大的瓶颈，如果哪天访问网上资源能象访问本地硬盘，或者能象访问内存那样快，那样咱们的计算机以后只需要输入输出设备以及网络设备就可以了，哈哈，这只是一个美好的愿望。
Flex应用在Web开发上，避免不了网络问题，下面的说明如何在加载数据时显示Loading状态，刚刚接触Flex不久，欢迎拍砖。
原理是这样的，首先定义了两一个ViewState,其中一个就是Loading状态，当点击按钮的时候就显示这个Loading视图，直到数据加载完之显示数据的视图。
先看效果图片：
首先，点击了按钮之后就会由于网络问题显示一个遮罩，上面用了一个Label显示Loading...字样，当然这里可以用任何更加漂亮的东西替换，比如GIF的图片。这里的网络问题由于是在自己的机器上测试，是人为造成的，我的服务器代码是使用的JAVA，在服务器上延迟了三秒加载数据。
三秒之后显示：
代码：
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:states>
<!--加载视图,可以自己制作加载画面，
这个例子就只用了一个LABEL表示一下正在加载-->
<!--数据加载成功后的State-->
<mx:State name="ListState">
<mx:AddChild relativeTo="{pl}" position="lastChild">
<mx:Canvas id="can" width="100%" height="100%">
<mx:DataGrid id="dg" horizontalCenter="0" width="100%" height="100%" >
<mx:columns>
<mx:DataGridColumn headerText="Id" dataField="p_id"/>
<mx:DataGridColumn headerText="Title" dataField="p_title"/>
</mx:columns>
&l
相关文档：
ExternalInterface.call的问题
请留意以下情景，要利用外部应用程序弹出文件选择窗体，并返回所选的文件路径。
使用ExternalInterface.call来实现，当用户60秒(Flex已经设置最长的等待时间)内未能够完成文件选择会弹出"1502"的错误，严重影响用户体现。
所以，一些比较耗时的操作(超过60s)，或无法确定何时调用完成的� ......
有一段时间没有接触flex ，有点不怎会用flex。还好最近弄了一下分页的东西，对xml进行分页还是挺管用。借用之前封装好的类居然解决很久之前的问题。对DataGrid 的组件分页，可以通过对XML进行一些处理，看起来真的分页了。实际上只是一种错觉。
首先先准备一个数据源XML。大概以一个员工作姓名 年龄和� ......
<?xml version="1.0"?>
<!-- charts/VerticalLineChart.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<!--[CDATA[
import mx.collections.ArrayCollection;
[Bindable]
public var expenses:ArrayCollection=new ......
<?xml version="1.0"?>
<!-- charts/ColumnWithDropShadow.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:flash="flash.filters.*">
<mx:Script>
<!--[CDATA[
import mx.collections.ArrayCollection;
[Bindab ......
这里面有许多特效很酷，希望对大家有帮助。 1.旋转 效果：http://www.alex-uhlmann.de/flash/adobe/blog/distortionEffects/effectCube/ 代码：http://weblogs.macromedia.com/auhlmann/archives/DistortionEffects.zip
2.画布按钮 http://dougmccune.com/blog/2007/06/01/new-component-canvasbutton-added-to-flexlib/ ......
