`
dcdc723
  • 浏览: 183807 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Flex数据绑定 用法

    博客分类:
  • flex
阅读更多

1.在对象的属性标签中,用{}将数据源直接绑定到对象的属性上(如将数组的值直接绑定到对象上)。

 

2.在对象的属性标签中,用{}把某个函数的返回值绑定到对象的属性上。(函数的参数要使用Bindable的绑定符号)

[Bindable]

Private var cs:int;

<mx:textinput id='txt' fontsize='12' text='{mytest(cs)}' /> 其中mytest()方法的参数cs要用Bindable进行绑定.

 

[Bindable] 事件,当数据源数据发生改变时,需要触发其他事件时使用:[Bindabe(event="eventname")]

Event表示当数据源发生改变时,数据源所在的对象派发的事件类型,它是可选项,默认的事件名是"propertyChange",一般情况下只需要使用[Bindable]标签。

 

3.使用<mx:Binding>标签。

source=" ……" destination="……"   //source是数据源,destination是目标,即目标对象;

<mx:Model id="books">

      <books>

           <book>

                <name>名称 </name>

                 <author>作者</author>

           </book>

      </books>

</mx:Model>





<mx:Binding sourse="books.book.name" destination="要绑定到的对象">

<mx:Binding sourse="books.book.author" destination="要绑定到的对象">



<mx:Model id="books">

      <books>

           <book>

                <name>名称 1</name>

                 <author>作者1</author>

           </book>

           <book>

                <name>名称2 </name>

                 <author>作者2</author>

           </book>

      </books>

</mx:Model>



<mx:Binding sourse="books.book[1].name" destination="要绑定到的对象">

<mx:Binding sourse="books.book[1].author" destination="要绑定到的对象">

 

 

分享到:
评论

相关推荐

    FLEX企业应用开发实战.part1

     2.4.1 实现数据绑定的方法  2.4.2 数据绑定发生的时机  2.4.3 可以用于数据绑定的属性  2.4.4 数据绑定的用途  2.4.5 使用Bindable元数据标记  2.4.6 绑定到函数、对象和数组  2.4.7 使用可绑定属性链...

    FLEX企业应用开发实战.part2

     2.4.1 实现数据绑定的方法  2.4.2 数据绑定发生的时机  2.4.3 可以用于数据绑定的属性  2.4.4 数据绑定的用途  2.4.5 使用Bindable元数据标记  2.4.6 绑定到函数、对象和数组  2.4.7 使用可绑定属性链...

    flex 绑定元数据

    算是flex初学者的的笔记吧,首先可以概览一下下文中的代码,然后我们主要是看看[Bindable]的这种用法。

    Flex企业应用开发实战源代码

    再接着详细讲解了BlazeDS框架的使用方法和工作原理,并通过迭代的方式完整地演示一个真实的Flex企业级应用的开发全过程,实战性极强;最后重点探讨Flex应用性能优化等方面的高级知识。值得一提的是,本书公开了作者...

    flex导入excel2007版本以上并支持日期格式的类库Rxlsx

    as3xls 只支持excel2003版本以下的,不支持扩展名为.xlsx的excel,而类库Rxlsx支持.xlsx的excel。原Rxlsx不支持日期格式,读取日期单元格的数据会变成...//可转换为ArrayCollection,用于表格控件grid绑定数据显示出来

    flex combox和checkbox总结

    详解flex combox checkbox用法 并且附开发例子给予介绍 分为两部分combox和checkbox各自绑定数据源 checkbox选中值赋给combox

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

    使用ActionScript来进行数据绑定 14.5节. 链式的属性绑定 14.6节. 使用E4X进行绑定XML的数据 14.7节. 创建个性化可绑定的属性 14.8节. 绑定到一个一般的对象 14.9节. 绑定到一个动态类的属性 第十五章. 验证,格式化...

    flex常用图表的实例

    这是flex一些常用的charts图表组件的用法 其中使用了xml绑定数据 有兴趣的朋友不妨看看

    Flex中在Tree绑定数据后自动展开树节点的方法

    使用Tree组件在绑定数据后自动展开所有树型节点(不需要用户再自己点击展开节点,会方 便许多),接下来为大家介绍下具体的实现

    flex导入excel2007版本以上的类库Rxlsx.swc

    as3xls 只支持excel2003版本以下的,不支持扩展名为.xlsx的excel,而类库Rxlsx支持.xlsx的excel,用法很简单,只需加载完成excel文件后执行: ...//可转换为ArrayCollection,用于表格控件grid绑定数据显示出来

    Ranorex用户指南

    绑定变量和测试数据 绑定变量和参数 Invoking 动作: 选择 执行数据驱动测试 [课程4:Ranorex测试套件] 测试套件编辑器 模块组编辑器 一个测试套件和它的测试用例的通用结构 运行一个测试套件 不使用Ranorex ...

    Flex_4:开发RIA_应用程序.pdf

    使用新建Flex 项目向导 .......................................................................................................................... 20 练习1:创建主应用程序文件并运行它 ....................

    最新AngularJS开发宝典视频教程 后盾网AngularJS培训视频教程 后盾网.txt

    ├最新AngularJS开发宝典—第002讲 模块、控制器、视图模型、双向数据绑定模型、双向数据绑定.mp4 ├最新AngularJS开发宝典—第003讲 MVVM双向数据绑定图例分析(1).mp4 ├最新AngularJS开发宝典—第004讲 声明模块与...

    电商类小程序实战教程 Vol.2:列表加载

    在上一期文章中,我们以爱范儿旗下的玩物志电商小程序作为 Demo,介绍了首页 banner 部分的开发,以及微信小程序内置组件、数据绑定和发送请求 API 的用法。 本期,知晓程序依然以玩物志电商小程序为基础,为大家...

    my-douban:这是一个微信小程序,用户可实现查看电影,阅读和听歌等功能。重复美native体验,项目完整,UI美观,交互一流

    Flex 布局:大量使用flex布局,结合rpx响应式单位,适合移动端全屏幕尺寸Sass(Scss) : css预编译处理器sass --watch a.scss:a.wxss ES6 : ECMAScript新一代语法,重组,解构赋值, Promise , Class等方法非常...

    Flash ActionScript 3.0高级动画教程

    加载或绑定shader 使用shader作为绘制填充 访问shader元数据 设置shader参数值 转换shader填充 用shader填充制作动画 指定shader的输入图片 使用shader作为滤镜 使用shader作为混合模式 总结 第十章 补间 引擎 Flash...

    asp.net知识库

    使用.ashx文件处理IHttpHandler实现发送文本及二进制数据的方法 制作一个简单的多页Tab功能 一完美的关于请求的目录不存在而需要url重写的解决方案! 在C#中实现MSN消息框的功能 XmlHttp实现无刷新三联动ListBox 鼠标...

    ActionScript开发技术大全

    28.3使用FlexBuilder3创建和部署AIR应用 588 28.4AIR应用配置文件 591 28.4.1应用程序配置 591 28.4.2初始化窗口设置 595 28.4.3图标设置 595 28.4.4关联文??柚?596 28.5小结 597 第29章AIR部分特性介绍 598 29.1AIR...

    react-flexy-table:最易于使用的React表

    最易于使用的React表 安装 npm install react-flexy-table 现场演示 用法 它真的很简单,只需导入并传递给数据即可! React flexy table在那之后会在意 import ReactFlexyTable from 'react-flexy-table' import '...

Global site tag (gtag.js) - Google Analytics