`

flex4中的双向绑定

    博客分类:
  • flex
 
阅读更多
Flex中一个很有用的功能是数据的绑定,比如我们有属性a,以及输入框b,我们可以把属性a与输入框b绑定起来,这样
改变a的值时,输入框b的值也会相应变化。这种绑定是单项的。在Flex SDK4以前没有直接的双向绑定,所以当我们想
反过来通过设置b的值来改变a时就会比较麻烦。而Flex4为我们提供了双向绑定的方法,下面我们来举个例子。

场景中有t1与t2两个输入框,无论我们改变哪一个输入框的值,另一个都会跟着变化。
<s:TextInput id="t1" text="@{t2.text}" />
<s:TextInput id="t2" />
代码中的text="@{t2.text}"就实现了双向绑定。

下面是另一个双向绑定的方法
<fx:Binding source="input1.text" destination="input2.text" twoWay="true"/>
twoWay="true"表示双向绑定。

同学们要注意在样式,特效,数据服务以及远程对象的使用时是不能使用双向绑定的。
分享到:
评论

相关推荐

    Flex4 SDK 新特性

    Flex 4概述 (与学习资源) MXML 2009 新增MXML标签 改进的视图状态 (1) 改进的视图状态 (2) MXML图形元素与FXG Spark组件架构 Spark容器 Spark布局模型 Spark动画和特效组件 Pixel Bender集成 Spark文本...

    Flash Builder 4 快速入门

    4.6 双向绑定 4.7 ASDoc 4.8 SWFObject 与 HTML Template 第五章 自定义组件开发 5.1 自定义Flex组件 5.2 MXML组件开发 5.3 ActionScript组件开发 第六章 与服务端通信 6.1 通过Http Service与服务端通信 ...

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

    创建一个双向绑定 14.4节. 使用ActionScript来进行数据绑定 14.5节. 链式的属性绑定 14.6节. 使用E4X进行绑定XML的数据 14.7节. 创建个性化可绑定的属性 14.8节. 绑定到一个一般的对象 14.9节. 绑定到一个动态类的...

    Dynamic Flex forms:动态生成flex(spark)表单的组件-开源

    概念验证项目,用于研究从动态(可能是外部化的)源生成Flex表单的潜力,以减少开发常见表单功能的开发时间。... 双向绑定是通过引入DynamicModel类来维护的,该类也能够跟踪污染的字段并执行验证。

    Vue自定义日期输入框组件.zip

    实现思路 1、显示部分为一个输入框和一个下拉选择按钮,父级是一个div容器,采用 display:flex;justify-content: space-between;让两端靠边对齐 2、下拉选择按钮用css画一个向下的...5、用v-model实现数据双向绑定

    vue自定义ComboBox下拉框多选组件.zip

    用途:一般用于系统管理中多选角色,涉及 1、css样式:flex布局,postion之absolute,relative,画三角形 2、input checkbox类型的 v-model 双向绑定 onchange事件 3、数组过滤及循环遍历 4、子组件向父组件传值

    vue2学习文档(1).doc

    v-model 是 Vue 中的一个指令,用于实现双向数据绑定。v-model 的原理是通过使用 JavaScript Proxy 对象来实现数据绑定。可以使用以下代码实现 v-model: ``` export default { data() { return { message...

    前端大厂最新面试题-面试记录流水记录.docx

    涵盖了前端开发相关的各种知识点,包括浏览器存储机制、缓存机制、Cookie 原理、MVP 模式、Vue 组件间通信、双向绑定的原理、网站性能优化、页面可用性时间的计算、Webpack 配置、WebAssembly 等。 浏览器存储机制 ...

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

    ├最新AngularJS开发宝典—第007讲 ng-model在表单中双向绑定实例分析讲解.mp4 ├最新AngularJS开发宝典—第008讲 ng-value的使用实例讲解.mp4 ├最新AngularJS开发宝典—第009讲 实例讲解angular控制单选框.mp4 ├...

    asp.net知识库

    利用反射实现ASP.NET控件和数据实体之间的双向绑定,并且在客户端自动验证输入的内容是否合法 asp.net报表解决方法 SQLDMO类的使用 SQL过程自动C#封装,支持从表到基本存储过程生成 使用SQLDMO控制 SQL Server 使用SQL...

    小程序实现多选框功能

    实现的原理也非常的简单,数据渲染到列表,绑定事件修改列表项的checked属性,不建议直接操作data的数据,当要操作的时候可以定义一个局部变量,局部操作完成后,在赋值给data,利用数据双向绑定的特性,就完成所有...

Global site tag (gtag.js) - Google Analytics