`

Flex4 学习笔记-[Bindable]绑定的使用

    博客分类:
  • Flex
 
阅读更多

 

绑定通常使用,是在变量前,或者方法前使用关键字[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>

 

分享到:
评论

相关推荐

    flex4-binding-custom-Class.rar_flex_flex4

    在Flex 4中,数据绑定是一项强大的特性,它允许开发者创建动态、响应式的用户界面,无需编写大量的事件处理代码。本教程将深入讲解如何在Flex 4中对自定义类进行数据绑定,通过一个实际的MXML文件和AS文件示例来阐述...

    AngularJS基础 ng-non-bindable 指令详细介绍

    这意味着,当我们在HTML中使用`ng-non-bindable`时,AngularJS会忽略该元素内的`{{ }}`双括号表达式,不会尝试将其替换为相应的数据绑定结果。 例如,在以下代码段中: ```html &lt;div ng-app=""&gt; 使用 AngularJS: ...

    flex数据绑定的原理

    当我们使用`[Bindable]`元数据标签标记一个类的成员变量时,Flex编译器会自动为这个变量生成相关的访问器(getter和setter)。例如,在提供的代码段中,`list`变量被标记为`[Bindable]`: ```actionscript public ...

    Flex学习笔记,入门材料

    ### Flex学习笔记:ActionScript与Flex开发入门 #### 1. ActionScript核心概念 ##### 1.1 类和对象(Class and Object) 类是对象的模板,定义了一组具有相同特性和行为的对象的共同属性和方法。在ActionScript中...

    FLEX数据绑定四种方式

    本文将详细介绍Flex中数据绑定的四种主要方式:“{}”绑定表达式、[Bindable]绑定符号、`&lt;mx:Binding&gt;`标签以及BindingUtils动态绑定。 #### 二、“{}”绑定表达式 **简介** “{}”绑定表达式是一种最直接和简单的...

    flex4_读书笔记

    要使对象的属性可用于数据绑定,需使用 `[Bindable]` 注解标记属性,可选地指定触发事件的名称。 通过理解这些关键知识点,开发者可以有效地利用 Flex4 构建富有交互性和视觉吸引力的富互联网应用程序。无论是组件...

    flex页面跳转及数据绑定

    4. **BindingUtils动态绑定**:在ActionScript代码中,可以使用BindingUtils类的bindProperty或bindMethod方法进行动态绑定。这种方式提供了更大的灵活性,可以在运行时创建绑定。 总的来说,Flex页面跳转和数据...

    flex [bindadle]标签数据绑定经典案例

    在探讨“Flex [Bindable]标签数据绑定经典案例”这一主题时,我们首先需要理解Flex框架以及数据绑定在其中的应用。Flex是一种用于构建跨平台富互联网应用程序(RIA)的软件框架,由Adobe Systems开发。它使用MXML...

    Flex4 AIP 中文说明

    4. **数据绑定增强**:Flex4的数据绑定机制得到了强化,支持双向数据绑定,使得视图和模型之间的同步变得更加简单。此外,还增加了 Bindable、Observer 和 Bindable Event 等元数据,让数据绑定更加灵活和强大。 5....

    FLEX数据绑定专题

    在Flex 4中,数据绑定主要分为两种类型:声明式数据绑定和编程式数据绑定。声明式数据绑定通过XML语法在MXML文件中直接设置,如`&lt;mx:Label text="{data.name}" /&gt;`,这将Label组件的文本属性与名为"data"的对象的...

    Flex-Jsp-Mysql简单结合例子

    Flex提供了一套完整的工具集和组件库,支持数据绑定、事件处理等高级特性,非常适合创建复杂的用户界面。 ### JSP简介 JavaServer Pages (JSP) 是一种基于Java技术的服务器端脚本语言,用于生成动态网页内容。JSP...

    Flex4 Declarations in ActionScript

    声明式编程在Flex4中的运用不仅限于UI组件,还延伸到了数据绑定、样式和动画等方面。数据绑定是声明式编程的一大优势,它让UI状态与数据模型保持同步,如上例的`[Bindable]`属性,使得当标签值改变时,按钮的显示也...

    双向数据绑定JS库Bindable.js.zip

    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 生命周期

    Flex 4的生命周期改进也体现在事件处理和元数据的使用上,例如` IOErrorEvent`和`StatusEvent`等事件,以及`[Bindable]`、`[SkinPart]`等元数据,这些都增强了组件与外部数据的交互和皮肤的自定义。 尽管Adobe提供...

    FLEX 数据绑定专题一(转)

    2. ActionScript数据绑定:在ActionScript代码中,可以使用Bindable元标签声明类的属性为可绑定的,然后使用`bindable`关键字定义绑定表达式。 数据绑定的应用场景: 数据绑定在FLEX中广泛应用于各种场景,包括但不...

    Flex初级数据绑定代码

    ### Flex初级数据绑定代码解析 #### 一、概述 本文将详细介绍一个Flex应用程序中的初级数据绑定实例。通过分析HelloWorld2.mxml文件,我们将深入了解Flex中的数据绑定机制及其基本用法。 #### 二、Flex与数据绑定...

Global site tag (gtag.js) - Google Analytics