第三讲_flex通信.ppt

flex通信,魏涛,本章内容,数据绑定DataGrid控件与java程序通信,数据绑定,有时候，我需要将一个对象的属性绑定到另一个对象时需要数据绑定。通过数据源来对目标数据进行更新和同步，是一种非常快捷且简洁的方式。案例分析：将滑动尺进行平移滑动时，要将改变的坐标位置显示在label中。解决办法1：触发change事件，再修改解决办法2：数据绑定，值改变时候立即修改,如何数据绑定1,绑定办法有两个：属性绑定：或绑定时，数据类型要一直函数绑定：Bindable多数用于多*.as类中的函数同步,本章内容,数据绑定DataGrid控件与java程序通信,表格控件,DataGrid组件是真正的数据表格，使用该组件可以方便呈现大量数据，并运算速度快。而且AdvancedDataGrid组件是DataGrid组件的加强版，它可以实现更强大的数据呈现、数据聚合和数据格式化功能。,DataGrid实现过程,绑定数据源.设置表格列,响应事件及获取选中行,属性和方法selectedtIndex：返回选中的单个索引selectedIndexs：返回选中的多个索引selectedItem：返回选中的单个项目行selectedItems：返回选中的多个项目行findString(str)：指定参数，当成条件查找项目行，并返回项目行事件change：selectedtIndex和selectedItem属性发生变化时触发dataChange：当数据相关属性变化时触发itemClick：当用户单击一个项目时触发itemDoubleClick：当用户双击一个项目时触发itemRollOut：当用户鼠标离开项目时触发itemRollOver：当用户鼠标指针进入项目时触发,AdvancedDataGrid控件,相对DataGrid控件，AdvancedDataGrid控件可以实现更强的功能：单击顶部标题可以根据多列进行排序通过styleFunction属性可以定义行和列的样式可以使用导航树显示分层和分组数据可以使用列分组功能，将多个字段放在一个列上可以让一个项目渲染器跨多列，也可以在单个列中应用多个项目渲染器,AdvancedDataGrid应用,分组列行样式,AdvancedDataGrid应用,分层行Bindableprivatevarbooks:ArrayCollection=newArrayCollection(tier:FLEX分层技术,children:tier:后台技术,children:bookName:oracle入门经典,author:李连杰,bookName:.NET入门经典,author:陈龙,tier:交互层技术,children:bookName:FLEX入门经典,author:吴京,bookName:PHP入门经典,author:alex);.,单元格属性,类似任何的JS框架一样，Flex也有单元格属性，它能够实现属性编辑。itemRenderer：定义任意单元项目呈现，例如：图片，表单控件，等等itemEditor：单元格编辑器例如：假如该单元格不需要修改时，要将个别单元格改写成falseitemEditorInstance：用于获得一个单元格的项目编辑器实例想一想，如果能结合异步交互，岂不是天衣无缝吗？,itemRenderer属性,在单元格中itemRenderer属性有多种调用方式，如下：1：.2：3：,列表控件的拖拽,它通过三个属性来控制：dragEnabled：设置为true表示可拖拽单个行。dropEnabled：设置为true表示可以从别的DataGrid组件拖过来的行可以放下。dragMoveEnabled：设置为true表示当脱离一行时就会删去该行。,本章内容,数据绑定DataGrid控件与java程序通信,什么是Flex通信,简单的说就是Flex与其他web语言结合，Flex作为表示层，其他语言作为后台处理。能够结合服务器端语言非常多，例如：PHP，JAVA，.NET，ASP在JAVA中常用的交互方式Httpservicewebserviceremoting,Flex通信框架,BlazeDS是一个基于服务器的Java远程控制(remoting)和Web消息传递(messaging)技术，它能够使得后端的Java应用程序和运行在浏览器上的AdobeFlex应用程序相互通信。,例子步骤1,创建一个web工程，将需要用的XML资源导入到项目中，并添加Flexproject支持，并发布web工程（必须）,例子步骤2,例子步骤3,写服务器端处理类，并在remoting-config.xml文件中配置该类publicclassFirstFlexpublicStringhello(Stringname)return你好!+name;com.alex.flex.FirstFlex,例子步骤5,修改F