`
Supanccy2013
  • 浏览: 224998 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

flex绑定

    博客分类:
  • Flex
 
阅读更多
1,不使用绑定(和html基本一样)
   <?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:HorizontalLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<s:TextInput id="myTextInput1"/>
	<s:Button label="copy:" click="myTextInput2.text = myTextInput1.text"/>
	<s:TextInput id="myTextInput2"/>
</s:Application>


2,使用绑定
   <?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:HorizontalLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<!--不使用绑定,通过单击来赋值-->
	<s:TextInput id="myTextInput1"/>
	<s:Button label="copy:" click="myTextInput2.text = myTextInput1.text"/>
	<s:TextInput id="myTextInput2"/>
	
	<!--使用绑定1,可以动态赋值
	  如果提前知道需要显示绑定什么,这种方法就非常适合,但是,代码变得越来越复杂,您可能想
	  将元素间的链接作为mxml文件中单独的元素管理。此时最简单的方法就是使用绑定标签
	-->
	<s:TextInput id="myTextInput3"/>
	<s:TextInput id="myTextInput4" text="{myTextInput3.text}"/>
	<s:TextInput id="myTextInput5" text="{myTextInput3.text + myTextInput4.text }"/>
</s:Application>


3,使用绑定标签
   <?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:HorizontalLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<fx:Binding source="myTextInput3.text"
				 destination="myTextInput4.text"
				 twoWay="true"/>
	<s:TextInput id="myTextInput3"/>
	<s:TextInput id="myTextInput4"/>
</s:Application>


4,使用Actionscript绑定
   机制:向textinput中输入数据后,单击update将输入框中的数值赋值给s,然后
         text组件会自动显示变量String的值。这个功能非常强大。

<?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:HorizontalLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
			[Bindable]
			public var s:String = "";
		]]>
	</fx:Script>
	<s:TextInput id="myTextInput1"/>
	<s:Button label="Update my variable" click="s=myTextInput1.text"/>
	<s:TextInput id="myText" text="{s}"/>
</s:Application>


  注:在真正的应用程序中,会存在各种组件通过监听众多变量的情况(我们在应用程序生命周期的不同号阶段对这些变量进行配置和管理),组件会随着数据变化做出反应,但这些组件却不必关心数据和信息的来源,一种常见的情形是,从外部数据源中取得数据,然后将结果保存在本地绑定变量中;而相应的视觉组件负责监听这些变量并显示相应的信息。
分享到:
评论

相关推荐

    FLEX资源——FLEX数据绑定专题(中文PDF)

    《FLEX数据绑定专题》是一本深入探讨Adobe Flex中数据绑定技术的专业中文PDF文档。Flex是一种用于构建富互联网应用程序(RIA)的开放源码框架,它允许开发者创建交互性强、功能丰富的Web应用。数据绑定是Flex中一个...

    flex绑定资源文件1

    在Flex开发中,为了在界面上展示图标或者图像,我们经常需要将图片资源与应用程序进行绑定。本话题主要探讨如何在Flex中绑定资源文件,尤其是关于在按钮中嵌入icon图标的两种方法。 首先,Flex是一种基于...

    flex 绑定元数据

    Flex绑定元数据的使用 Flex绑定元数据是Flex技术中的一个高级话题,它允许开发者通过元数据标记语言来动态地定义和引用外部资源,比如图片或者Flash文件。在Flex初学者的笔记中,主要强调了如何使用[Bindable]...

    flex数据绑定的原理

    在Flex开发中,数据绑定(Data Binding)是一种强大的机制,它允许UI组件的状态与应用程序的数据模型之间自动同步。数据绑定的原理是通过监听数据源的变化,并自动更新与之绑定的UI组件,反之亦然,从而简化了代码并...

    FLEX简单的入门快速总结

    本篇文章将深入探讨Flex的基本概念、数据绑定、HTTPService的使用以及创建自定义事件,这些都是Flex入门阶段需要掌握的关键知识点。 首先,让我们来了解一下Flex的数据绑定。在Flex中,数据绑定是一种强大的机制,...

    flex数据绑定 pdf

    Flex数据绑定是Adobe Flex框架中的核心特性之一,它允许开发者将UI组件的显示状态与应用程序的数据模型紧密关联,实现数据的动态更新。这份名为“FLEX数据绑定专题”的PDF文档,很可能深入探讨了这一主题,提供了...

    FLEX数据绑定四种方式

    ### FLEX数据绑定四种方式详解 #### 一、概述 数据绑定是现代应用程序开发中一个重要的概念和技术。在Flex框架中,数据绑定被广泛应用来连接数据源与用户界面(UI)元素,使得数据能够实时更新并反映到界面上。本文将...

    Flex数据绑定专题

    ### Flex数据绑定专题详解 #### 一、数据绑定概述 数据绑定是Flex应用程序开发中的核心概念之一,它指的是将一个对象中的数据与另一个对象中的数据建立连接的过程。通过数据绑定,开发者可以实现在应用程序的不同...

    FLEX数据绑定专题

    在Flex开发中,数据绑定是一项核心特性,它允许开发者轻松地将用户界面组件与应用程序的数据模型关联起来。本文将深入探讨“FLEX数据绑定专题”,包括其多种实现方式以及如何结合Java作为后端来实现数据交换。 首先...

    总结flex各种用法

    Flex绑定图片 绑定图片时可以使用`Bindable`和`Embed`注解,示例如下: ```actionscript [Bindable] [Embed(source="img/1.jpg")] public var phone1:Class; ``` ### 8. 日期中文标题 在Flex中,可以通过设置`...

    flex 数据绑定 dataGrid.rar

    Flex数据绑定是Adobe Flex开发中的核心特性之一,它允许开发者将UI组件的属性与应用程序的数据模型直接关联。在本示例中,我们关注的是如何在Flex中使用数据绑定技术来操作DataGrid组件,这是一个用于展示表格数据的...

    动态绑定XML,实现flex树控件的绑定

    在Flex开发中,动态绑定XML是一种常见的数据驱动技术,它允许开发者通过XML文件来存储和管理数据,并将这些数据实时地展示在用户界面中,如树形控件。本示例着重讲解如何利用动态绑定XML来实现Flex树控件的绑定,...

    flex数据绑定

    ### Flex 数据绑定详解 #### 一、数据绑定概念与重要性 数据绑定是Flex和Adobe AIR应用程序开发中的关键概念之一,其主要目的是实现不同对象之间的数据传输与同步更新。通过数据绑定,开发者能够轻松地在用户界面...

    flex页面跳转及数据绑定

    在Flex开发中,页面跳转和数据绑定是两个核心概念,它们对于构建动态且交互性强的应用至关重要。让我们分别深入探讨这两个主题。 首先,Flex页面跳转。在Flex中,有多种方式来实现场景间的切换: 1. **ViewStack...

    Flex Bind数据绑定实例代码

    Flex Bind数据绑定是Adobe Flex应用程序开发中的核心特性,它允许开发者在用户界面组件和应用程序模型之间建立动态连接,实现数据的自动同步。这种强大的功能极大地简化了编程逻辑,特别是处理用户交互和数据更新时...

    FLEX 数据绑定专题一(转)

    本文将深入探讨“FLEX数据绑定”这一专题,它是一种强大的机制,允许视图与模型之间的自动同步,使得开发者能够更加专注于业务逻辑而不是繁琐的同步操作。本文是系列文章的第一部分,主要介绍数据绑定的基本概念、...

    flex3 数据绑定 总结

    签的 target 属性。下面的例子展示了如何使用 `&lt;mx:Binding&gt;` 实现相同的效果: ```xml ...无论是简单的属性绑定,还是复杂的函数和对象绑定,Flex 3 都提供了丰富的工具和选项来满足各种需求。

    Flex初级数据绑定代码

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

    Flex数据绑定[收集].pdf

    Flex数据绑定是软件开发中Adobe Flex或Adobe AIR应用程序的核心特性,它允许数据在不同对象之间自动同步。数据绑定简化了用户界面(UI)组件与数据源之间的交互,减少了手动更新的需要。然而,如果不理解其工作原理...

    flex datagrid分页 动态绑定数据源

    本篇文章将深入探讨“flex datagrid分页动态绑定数据源”的相关知识点。 首先,让我们理解Flex Datagrid的基本概念。Flex Datagrid是一个灵活的数据呈现控件,能够处理各种数据源,包括ArrayCollection、...

Global site tag (gtag.js) - Google Analytics