分类目录归档:Flex

Flex中的文件上传与下载

和传统的JSP一样,在flex中,有的时候也需要实现文件上传和下载的功能,但是在flex里文件的上传和下载的实现相对来说比较复杂,如何实现,请看下面。     由于flex是一个比较新的技术,在研究的时候,还是按着JSP的方式去尝试,在开始之初,主要有以下几种思路:     A、利用ftp的方式进行文件的上传和下载,需要利用flex的socket接口。     B、利用webService的方式来进行文件的上传和下载     C、利用flex+sevlet+fileupload组件实现文件的上传和下载     在通过比较后,最后选择了第三种,用Flex+sevlet的方式来完成文件上传和下载的功能,理由如下(与上面的思路相对应):     A、涉及到了流的操作,实现起来比较复杂,出现错误的几率比较高     B、关于flex端的可参考的资料比较少,并且还需要启动webservice服务     C、这个技术比较成熟,从flex2.0开始,在flex端已经可以引用FileReference类了,并且在java端有成熟的组件可以使用,所以最后考虑使用该种方法来处理。 一、文件的上传     1、Flex端         A、使用到的类介绍:             FileReference 类提供了在用户计算机和服务器之间上载和下载文件的方法。 操作系统对话框会提示用户选择要上载的文件或用于下载的位置。它主要能实现一个文件的上传。             FileReferenceList 类提供了让用户选择一个或多个要上载的文件的方法。 FileReferenceList 对象将用户磁盘上的一组本地文件(一个或多个文件)表示为 FileReference 对象的数组。         B、使用 FileReferenceList 类 实现多文件上传:             1) 将该类实例化:var myFileRef = new FileReferenceList();              2) 调用 FileReferenceList.browse() 方法,该方法将打开一个对话框,让用户选择一个或多个要上载的文件:myFileRef.browse();              3) 在成功调用 browse() … 继续阅读

发表在 Flex | 留下评论

FLEX实践:表格中添加链接,弹出窗口,复选框,按钮

LovColumn.as package Class { public class LovColumn { public var columnName:String; public var dataField:String; public var visible:Boolean=true; public function LovColumn() { } } } Module.as package Class { public class Module { public var applicationName:String; public var applicationId:Number; public function … 继续阅读

发表在 Flex | 一条评论

Flex中的弹出窗口

Flex 中有两种弹出窗口: 1. 最简单的警告窗口 你需要先导入Alert类: import mx.controls.Alert; 然后在想要弹出警告的时候使用: Alert.show(“你确定要退出系统吗?”,“确认”,Alert.YES|Alert.NO,null,logout) 参数说明: 第一个参数是要显示的文本, 第二个参数是窗口的标题,这两个参数是最经常用的。 第三个参数是按钮,默认是两个:YEW 和 NO ,当然你也可以自定义,比如Alert.CANCEL, 第四个参数是父窗口,默认为null。 第五个参数是窗口关闭后调用的函数名,如果你想要在点 击确定之后触发什么事件,就需要定义这个参数。这里我要调用logout,请注意,不要在这里写logout()。(没有括号)logout 函数如下: private function logout(event:CloseEvent):void { if(event.detail == Alert.YES) { // 具体操作 } } 因为这个函数是触发的,所以参数是一个CloseEvent 。“event.detail == Alert.YES” 这行代码判断点击的是不是确定按钮。CloseEvent 中的 detail 属性专门判断点击了哪个按钮,这样就可以用户的点击控制代码。 … 继续阅读

发表在 Flex | 留下评论

Flex:在PANEL的title上加一个button

在panel的titleBar上添加按钮,首先 override createChildren方法, 其中加入panel.rawChildren.addChild(Button),然后override panel的layoutChrome方法定置按钮的位置。 例子如下: package{ import mx.containers.Panel; import mx.controls.Button; import flash.events.Event; import flash.events.MouseEvent; import flash.display.DisplayObject; import mx.effects.Resize; import mx.controls.Alert; import mx.controls.Label;   [Event(name="restore")] [Event(name="maximize")]   public class FlexPanel extends Panel{ private var state:int = 0;   private var … 继续阅读

发表在 Flex | 留下评论

Flex中如何通过paddingTop样式设置TabNavigator控件内容与Tabs间距离的例子

<?xml version=”1.0″ encoding=”utf-8″?> <mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”vertical” verticalAlign=”middle” backgroundColor=”white”> <mx:ApplicationControlBar dock=”true”> <mx:Form styleName=”plain”> <mx:FormItem label=”paddingTop:”> <mx:HSlider id=”slider” minimum=”0″ maximum=”20″ value=”10″ liveDragging=”true” snapInterval=”1″ tickInterval=”1″ /> </mx:FormItem> </mx:Form> </mx:ApplicationControlBar> <mx:TabNavigator width=”360″ fontSize=”20″ height=”120″ paddingTop=”{slider.value}” backgroundColor=”#666666″> <mx:VBox id=”vb1″ label=”Red” backgroundColor=”red”> <mx:Label text=”width:{vb1.width}, height:{vb1.height}” /> … 继续阅读

发表在 Flex | 2 条评论

eclipse(myeclipse)环境下搭建flex开发环境

一、准备工作: 所需要的软件 FlexBuilder3 插件版+MyEclipse 6.5 +Lcds + Tomcat 6 二、安装过程:   1.       安装MyEclipse6.5(在此不再详述)。   2.       安装FlexBuilder3 beta2 插件版(FB3_WWEJ_Plugin.exe),请参考下图所示   (1)双击可执行文件   (2)弹出对话框,不用管它,直接点击”OK”就可以了 (3)现在是询问你是否要安装FLEX BUILDER 3插件,选择“next”。 (4)现在是询问你是否同意协议,选择“同意”,点击“next”按钮 (5)请你选择FLEX BUILDER的安装路径,你可以自行选择,然后点击“next”按钮。 (6)注意:这一步很重要,是要你选择MyEclipse6.0中的Eclipse的安装路径,请仔细选择。然后点击“next”按钮即可。 (6).一直下一步,直到完成! (7)打开你FlexBuilder插件安装的文件夹,打开下面的“eclipse”文件夹,可以看到里面有features和plugins两个文件夹,将他们copy到MyEcipse6.0下的eclipse文件夹下的features和plugins两个文件夹内(一一对应上,不要放错)。 (8)然后将FlexBuilder插件安装的文件夹中的sdks放入到MyEcipse6.0下的eclipse文件夹下。 (9)配置基本完成。只是你就可以在MyEclipse6.0下切换视图,从中找到Flex对应的的视图结构。

发表在 Flex | 留下评论