`

v3_07 使用双向绑定

    博客分类:
  • flex
 
阅读更多
v3_07 Implementing two-way binding  使用双向绑定
 
ex3_07
前面已经讲了mxml之间和mxlm,as间的数据绑定,
所有的绑定都是单向的,这部分主要讲如何进行双向的数据绑定
 
单向绑定允许一个对象观测另一个对象的属性变化
双向绑定允许两个对象相互观测彼此的属性变化
 
以下为示例,点柱状图显示下面的InputText,反过来,修改InputText的值也能使柱状图发生改变
 
双向绑定开头符号  @
 
其实很简单, 只要在绑定的对象前面加@就可以实现双向绑定了
 
以下是执行点击柱状图,将对象赋值
protected function employeeChart_itemClickHandler(event:ChartItemEvent):void
{
selectedEmployee = event.hitData.item as Employee;
} 
  
正常情况下,就是在后面使用这个对象
拿掉@就是单向的,加上就是双向的,但要注意双向绑定时,必须加上id属性
<mx:FormItem label="Salary:">
<s:TextInput id="salaryInput" 
text="@{selectedEmployee.salary}"/>
</mx:FormItem> 
 
分享到:
评论

相关推荐

    SMPP协议规范 包括smpp.doc, SMPP_v3_4.pdf

    4. **绑定操作**(Bind_xxx):包括`bind_transmitter`、`bind_receiver`和`bind_transceiver`,分别对应发送者、接收者和双向角色的绑定操作。 5. **解绑操作**(Unbind):结束SMPP会话。 **五、SMPP协议的扩展...

    self-vue:vue数据双向绑定原理分析和简单实现

    首先,我们可以创建一个简单的数据对象和一个视图,使用简单的事件监听和DOM操作来模拟数据双向绑定。当输入框值改变时,手动调用更新模型的方法。 **V2版本:引入Observer** 在V1的基础上,我们添加`Observer`类,...

    vue-ueditor-wrap::person_biking:Vue + :high-speed_train:UEditor + v-model双向绑定:rocket:

    一个“包装”了 UEditor 的 Vue 组件,支持通过 v-model 来绑定富文本编辑器的内容,让 UEditor 的使用简单到像 Input 框一样。 :fire: :rainbow:   :compass: Installation # vue-ueditor-wrap v3 仅支持 ...

    V3+TS(基础知识解读)

    - **双向绑定原理的不同**:Vue 3 使用了 Proxy 来实现数据的响应式,相比 Vue 2 使用的 `Object.defineProperty` 方法,这种方式不仅更加简洁,而且效率更高。 - **Vue 2 与 Vue 3 的主要区别**: - **API 设计**...

    用v3+ts写一个mini版todos(不用pinia)

    6. **模板语法**:在Vue的模板中,我们可以使用`v-for`指令遍历数组并渲染列表,`v-bind`(简写为`:`)用于绑定属性,`v-if`或`v-show`控制条件渲染,以及`v-model`进行双向数据绑定。 通过上述步骤,我们可以创建一...

    giving-portfolio-angularfire-v3

    在探索这个项目时,你可以通过查看和分析这些文件来学习如何组织AngularFire应用,如何设置Firebase连接,以及如何实现数据的双向绑定和实时更新。 总的来说,"giving-portfolio-angularfire-v3"项目提供了一个很好...

    Vue讲解.pptx

    - 双向数据绑定:通过v-model,Vue实现了数据和视图之间的双向绑定。 - 组件化:Vue的组件系统使代码可复用,提高可读性和维护性。 Vue安装: 2.1 独立版本:可以从Vue.js官网下载vue.min.js文件,然后通过标签引入...

    mvvm:通过阅读vue源码来学习如何写一个MVVM框架

    1,学习vue的双向数据绑定原理以及核心代码模块2,缓解好奇心的同时了解如何实现vue 提前 监听对象变化 监听片段变化 v-on事件绑定 v模型双向数据绑定 实现$ del 实现$ set 实现$ nextTick 如何启动 yarn global ...

    前端高频面试题终结篇v4.pdf

    1. Vue 最大特点:Vue 的最大特点是其双向数据绑定机制,可以实现数据驱动的视图更新。 2. Vue 常用基本指令:Vue 的常用基本指令包括 v-if、v-for、v-on 等。 3. Vue 组件中的 data:在 Vue 组件中,data 必须是...

    chat-AngularJs-NodeJs-SocketIo-V3:用于创建网络聊天的项目,该项目使用nodejs和套接字开发,用于两个客户端之间的通信

    AngularJS的核心特性包括数据绑定、依赖注入、指令系统和模块化,这些使得开发者能够构建结构清晰、可维护性高的应用。在这个项目中,AngularJS被用来处理用户界面逻辑,包括接收用户输入、显示聊天历史记录以及处理...

    vue和three.js版炫酷的登录页

    Vue.js 提供指令如`v-model`用于双向数据绑定,使输入框的值与Vue实例中的数据同步。例如: ```html 用户名"&gt; 密码"&gt; 登录 export default { data() { return { username: '', password: '' }; },...

    Hibernate_3.2.0_符合Java习惯的关系数据库持久化

    7.5. 使用连接表的双向关联(Bidirectional associations with join tables) 7.5.1. 一对多(one to many) /多对一( many to one) 7.5.2. 一对一(one to one) 7.5.3. 多对多(many to many) 7.6. 更复杂...

    cocos2d-x 学习日志(2)之使用UIWebView加载网页

    它使用C++作为主要编程语言,并提供了lua和JavaScript的绑定,让开发者可以选择不同的开发方式。 UIWebView是cocos2d-x中的一个视图组件,用于显示HTML内容。在`cocos2d-x v3.x`及以上版本中,UIWebView被引入,...

    svelte-dragdroplist:带有Svelte 3的可排序列表。动画,触摸友好且可访问

    双向绑定-用户将列表项拖放到新位置后,数据顺序就会立即更新,甚至在删除之前全触摸支持-不使用HTML5拖放API 可访问-包括按钮,可在不拖动的情况下移动元素可能比编写新书容易。用法 使用组件的最简单方法是将唯一...

    vue+element-ui实现穿梭框数据自定义排序

    这里,`sourceData`是包含待排序数据的数组,`label: 'name'`表示数据对象中的哪个字段作为展示的标签,`titles`定义了穿梭框两侧的标题,`v-model`用于双向绑定选中的数据,而`@change`事件会在数据发生变化时触发...

    前端项目-angular-stripe.zip

    Angular的核心特性包括依赖注入、双向数据绑定、指令系统等,这些都极大地提升了开发效率。 接下来,我们关注Stripe。Stripe是一个流行的在线支付处理平台,提供简单易用的API,让开发者能够快速添加支付功能到网站...

    Visual C++ 网络编程教程(Visual Studio 2010平台) 电子教案

    本章将介绍如何使用SMTP(Simple Mail Transfer Protocol)和POP3(Post Office Protocol v3)协议发送和接收邮件。内容包括认证、邮件头的构建、邮件体的编码,以及如何处理附件。 ### 表格资源 教程中附带的表格...

    IP-guard功能介绍.pdf

    4. **基本策略**:IP-guard能控制客户端的本地系统权限,包括控制面板、计算机管理、系统和网络设置等,同时支持IP-MAC绑定,增强网络安全。 5. **系统报警**:当检测到硬件改动、存储设备插拔、软件安装卸载等系统...

    vue2+iview+webpack 和vue3+vben+vite的技术对比的ppt

    1. 双向数据绑定 Vue2使用了ES5的`Object.defineProperty()`实现数据绑定,只能监听单个属性变化,无法监听数组内部变化。相比之下,Vue3引入了ES6的Proxy API,可以监听整个对象,包括数组内部变化,提高了性能和...

    Hibernate+中文文档

    7.5. 使用连接表的双向关联(Bidirectional associations with join tables) 7.5.1. 一对多(one to many) /多对一( many to one) 7.5.2. 一对一(one to one) 7.5.3. 多对多(many to many) 7.6. 更复杂...

Global site tag (gtag.js) - Google Analytics