绑定通常使用,是在变量前,或者方法前使用关键字[Bindable]绑定. 或者是通过,属性的引用进行绑定..
下面列出了几种方式.可作为参考.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Script>
<![CDATA[
[Bindable]
private var fsValue:String ;
//当滚动时,会触发此函数;然后,修改变量的值;
protected function hsID_changeHandler(event:Event):void
{
// TODO Auto-generated method stub
fsValue = String(hsID.value);
}
]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<!--第一种方式绑定值-->
<s:TextInput y="100" x="200" id="txtID1" ></s:TextInput>
<s:TextInput y="130" x="200" id="txtID2" text="{txtID1.text}"></s:TextInput>
<s:TextInput y="160" x="200" id="txtID3" ></s:TextInput>
<!--第二种方式声明绑定值-->
<fx:Binding destination="txtID1.text" source="txtID3.text"/>
<s:TextInput y="190" x="200" id="txtAge" text="{fsValue}"></s:TextInput>
<s:HSlider x="200" y="276" width="252" id="hsID" minimum="0" maximum="100" stepSize="1" value="0" change="hsID_changeHandler(event)"/>
</s:Application>
分享到:
相关推荐
在Flex 4中,数据绑定是一项强大的特性,它允许开发者创建动态、响应式的用户界面,无需编写大量的事件处理代码。本教程将深入讲解如何在Flex 4中对自定义类进行数据绑定,通过一个实际的MXML文件和AS文件示例来阐述...
这意味着,当我们在HTML中使用`ng-non-bindable`时,AngularJS会忽略该元素内的`{{ }}`双括号表达式,不会尝试将其替换为相应的数据绑定结果。 例如,在以下代码段中: ```html <div ng-app=""> 使用 AngularJS: ...
当我们使用`[Bindable]`元数据标签标记一个类的成员变量时,Flex编译器会自动为这个变量生成相关的访问器(getter和setter)。例如,在提供的代码段中,`list`变量被标记为`[Bindable]`: ```actionscript public ...
### Flex学习笔记:ActionScript与Flex开发入门 #### 1. ActionScript核心概念 ##### 1.1 类和对象(Class and Object) 类是对象的模板,定义了一组具有相同特性和行为的对象的共同属性和方法。在ActionScript中...
本文将详细介绍Flex中数据绑定的四种主要方式:“{}”绑定表达式、[Bindable]绑定符号、`<mx:Binding>`标签以及BindingUtils动态绑定。 #### 二、“{}”绑定表达式 **简介** “{}”绑定表达式是一种最直接和简单的...
要使对象的属性可用于数据绑定,需使用 `[Bindable]` 注解标记属性,可选地指定触发事件的名称。 通过理解这些关键知识点,开发者可以有效地利用 Flex4 构建富有交互性和视觉吸引力的富互联网应用程序。无论是组件...
4. **BindingUtils动态绑定**:在ActionScript代码中,可以使用BindingUtils类的bindProperty或bindMethod方法进行动态绑定。这种方式提供了更大的灵活性,可以在运行时创建绑定。 总的来说,Flex页面跳转和数据...
在探讨“Flex [Bindable]标签数据绑定经典案例”这一主题时,我们首先需要理解Flex框架以及数据绑定在其中的应用。Flex是一种用于构建跨平台富互联网应用程序(RIA)的软件框架,由Adobe Systems开发。它使用MXML...
4. **数据绑定增强**:Flex4的数据绑定机制得到了强化,支持双向数据绑定,使得视图和模型之间的同步变得更加简单。此外,还增加了 Bindable、Observer 和 Bindable Event 等元数据,让数据绑定更加灵活和强大。 5....
在Flex 4中,数据绑定主要分为两种类型:声明式数据绑定和编程式数据绑定。声明式数据绑定通过XML语法在MXML文件中直接设置,如`<mx:Label text="{data.name}" />`,这将Label组件的文本属性与名为"data"的对象的...
Flex提供了一套完整的工具集和组件库,支持数据绑定、事件处理等高级特性,非常适合创建复杂的用户界面。 ### JSP简介 JavaServer Pages (JSP) 是一种基于Java技术的服务器端脚本语言,用于生成动态网页内容。JSP...
声明式编程在Flex4中的运用不仅限于UI组件,还延伸到了数据绑定、样式和动画等方面。数据绑定是声明式编程的一大优势,它让UI状态与数据模型保持同步,如上例的`[Bindable]`属性,使得当标签值改变时,按钮的显示也...
Bindable.js 实现了灵活、快速的双向数据绑定的 JavaScript 库。 Two-way data binding means linking properties of two separate objects - when one changes, the other will automatically update with that ...
Flex 4的生命周期改进也体现在事件处理和元数据的使用上,例如` IOErrorEvent`和`StatusEvent`等事件,以及`[Bindable]`、`[SkinPart]`等元数据,这些都增强了组件与外部数据的交互和皮肤的自定义。 尽管Adobe提供...
2. ActionScript数据绑定:在ActionScript代码中,可以使用Bindable元标签声明类的属性为可绑定的,然后使用`bindable`关键字定义绑定表达式。 数据绑定的应用场景: 数据绑定在FLEX中广泛应用于各种场景,包括但不...
### Flex初级数据绑定代码解析 #### 一、概述 本文将详细介绍一个Flex应用程序中的初级数据绑定实例。通过分析HelloWorld2.mxml文件,我们将深入了解Flex中的数据绑定机制及其基本用法。 #### 二、Flex与数据绑定...