{企业通用培训}某的讲义.docx

{企业通用培训}某的讲义  选择好语言环境，点击OK，开始安装: 安装完成以后，启动Flex FlexBuilder3的启动页面 安装好的Flex对应的目录结构如下： 对应的 对应的sdk文件夹， 包含sdk2.0和sdk3.1两个不同的版本 Flex开发入门 Helloworld案例的开发 案例描述 通过经典的“HelloWorld”案例来了解Flex的运行方式。 开发步骤 启动FlexBuilder3 通过“开始?程序?Adobe?FlexBuilder3”启动Flex开发环境。 创建项目 打开FlexBuilder3之后，选择“File?New?FlexProject”创建一个新项目； 点击此处切换透视图 点击此处切换透视图 在弹出的“FlexProject”视图中，配置相关参数。“项目名称”：FlexTest，如图2.1-2所示。 点击Next,选择Flex编译后的输出目录，默认的就可以了 点击Next，可以指定原码路径，默认为src，可以选择SDK的版本等 编译后输出目录点击Finish。 编译后输出目录 创建好的项目目录结构如下： 编译部署、运行 选中，打开此文件，输入如下代码 选中FlexTest，点击运行 效果如下，点击“Helloworld”按钮，弹出一个对话框，显示“HelloWorld!” Flex常用组件 1、Label 2、TextInput 3、TextArea 4、ComboBox 5、DateField 6、Button 7、DataGrid 。。。。。 Label主要用于字段说明，就像下图的“用户名：”和“用户说明”，一般Label字段的显示值不作为数据提交；TextInput用作文本值输入，不支持换行，如果想要输入的值可以换行可以使用TextArea，TextInput和TextArea跟中text和textarea完成的任务是一样的，用于数据的提交和显示。 ComboBox下拉框，提供数据选择，比如说性别、类型等 DateField日期框，对于需要用到日期的地方很有用 可以通过设置formatString来改变日期的格式，比如说formatString=”YYYY-MM-DD”，则显示的值为“2011-03-08” Button按钮，Button使用非常普遍，在进行前后台交互的时候往往使用按钮来提交数据， DataGrid，用于数据列表的显示，比如说要显示一个查询后的列表集合，DataGrid就非常有用了 Flex常用数据校验控件 mx:StringValidator/ 如上图所示，如果输入的字符串超过10位，则提示错误。同样，如果不输入任何字符串则提示“此项为毕输项”，如果输入的字符串小于3为则提示“不能小于3位”，如下图所示： mx:NumberValidator/和mx:DateValidator/的使用方式和mx:StringValidator/基本相同，只是这些控件对应的属性不同，不在赘述。 这是几种常用的，当然还有其他数据校验控件，比如说对电话号码、信用卡等的校验。 Flex深入开发 在深入开发过程中将使用FlashBuilder4和SDK3.3版本，用我们在实际开发中使用的UITemplate+jump这两套框架。 UITemplate中常用的控件介绍 1、jwolib:TextInput/文本控件，如下图所示: 效果如下，如果单击则可以清空文本框里面的内容： 2、expand:DoubleClickCheckDataGrid/显示列表控件（带复选框），如下图所示： 效果如下，可以通过选择左边的复选框来进行相应的操作； 如果要进行多选，可以设置allowMultipleSelection=”true”,上图导入xmlns:bankm=” .*”是为了支持数据字典的使用，如下代码所示 bankm:MyDataGridColumndict=ACT_RESULTheaderText=处理结果dataField=actResultdataTipField=actResulttextAlign=centersortable=false/ 3、expand:DoubleClickDataGrid/显示列表控件（不带复选框），如下图所示： 效果如下，可以通过设置allowMultipleSelection=”true”来进行多选，和上面描述的列表不同点就是这个显示列表没有复选框；它同样也支持数据字典，对数据字典的使用和上面的列表是一样的 4、bankm:GridPage/分页控件，如下图所示： 效果如下，可以通过点击跳到首页，跳到下一页，跳到下一页,跳到尾页，刷新当前页,可以在里面输入不小于10的数字（小于10的会默认用10来处理），代表一次显示多少条 5、botree:Tree