`

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>

 

分享到:
评论

相关推荐

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

    本文主要讲解AngularJS ng-non-bindable 指令,这里帮大家整理了ng-non-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企业应用开发实战.part1

     2.4.5 使用Bindable元数据标记  2.4.6 绑定到函数、对象和数组  2.4.7 使用可绑定属性链进行工作  2.5 Flex中的组件化编程  2.5.1 认识Flex组件和组件容器  2.5.2 组件生命周期与布局  2.5.3 组件的...

    FLEX企业应用开发实战.part2

     2.4.5 使用Bindable元数据标记  2.4.6 绑定到函数、对象和数组  2.4.7 使用可绑定属性链进行工作  2.5 Flex中的组件化编程  2.5.1 认识Flex组件和组件容器  2.5.2 组件生命周期与布局  2.5.3 组件的...

    Flex企业应用开发实战源代码

    2.4.5 使用Bindable元数据标记 40 2.4.6 绑定到函数、对象和数组 43 2.4.7 使用可绑定属性链进行工作 46 2.5 Flex中的组件化编程 46 2.5.1 认识Flex组件和组件容器 47 2.5.2 组件生命周期与布局 51 2.5.3 组件...

    bindable-component:公开用于绑定处理程序的可扩展的react组件

    安装npm install --save bindable-component用法import { BindableComponent } from 'bindable-component' ;// Aternatively// import { BaseComponent } from 'bindable-component';class MyComponent extends ...

    bindable-object.js:数据绑定对象

    var BindableObject = require ( "bindable-object" ) ; var person = new BindableObject ( { name : "craig" , last : "condon" , location : { city : "San Francisco" } } ) ; person . bind ( "location....

    Flex Bindable 的用法

    什么是元数据(metadata):[Bindable]大概又是Flex用得最多的元数据了。

    c3p0-0.9.1.2源码和JAR包

    C3p0 is an easy-to-use library for augmenting traditional (DriverManager-based) JDBC drivers with JNDI-bindable DataSources, including DataSources that implement Connection and Statement Pooling, as ...

    bindable:使用Aurelia JS内置的设计系统,可以更快,更轻松地进行Web开发

    可绑定 Bindable是一个设计系统,旨在在工具中提供视频产品,以构建紧密一致的界面。 Bindable将为设计者和工程师提供一种通用的模式。 Bindable是作为插件开发的,并使用构建。...npm install @bindable-ui/bindable

    flex 绑定元数据

    算是flex初学者的的笔记吧,首先可以概览一下下文中的代码,然后我们主要是看看[Bindable]的这种用法。

    backbone.marionette.bindable-router:带有木偶可绑定参数的路由器

    木偶的可绑定路径参数此路由器允许您使用前导@char 绑定控制器方法以路由参数。 路由器示例: appRoutes: { 'users/@user/edit' : 'onUserEdit' , 'users/@user/copy' : 'onUserCopy' , '*default' : 'onDefault' } ...

    flex导出excel的代码

    [Bindable] private var dp:Array = [ {idx:1, names: "test1", sex: "b" }, {idx:2, names: "test2", sex: "g" } ]; public function doSelect(o:Object):void { Alert.show("行的数据分别是...

    Flex调用xml通过DataGrid遍历简单示例

    [Bindable] private var slides:ArrayCollection private function resultHandler(event:ResultEvent):void { slides = event.result.album.slide; } private function faultHandler...

    binding:客户端不绑定的键绑定

    tcg绑定 不会吸引客户的客户端绑定库 入门 首先要开始使用tcg.binding是BindingSystem类的实例,该类使用特定于平台的表示形式来参数化,该表示形式是给定应用程序中的键和按钮实际上是出于性能目的的。 此类充当库...

    aurelia-typed-observable-plugin:Aurelia的可观察和可绑定装饰器的增强实现。

    提供4个基本的自定义可观察对象: @observable.date , @observable.number , @observable.string , @observable.boolean ,5个@bindable以及额外的内置值: @bindable.booleanAttr @bindable 安装与提醒 npm i ...

    connected:使用getter setter事件样式更新的javascript双向数据绑定库

    Connected.js (在制品) Connected.js是我对永不轮询的双向数据绑定库的谦虚尝试。 所有更新都是通过事件发射器发生的,由属性设置器触发。 这比那里的其他一些实现更有效。演示版现在,此实现仅支持递归创建可绑定...

    flex实列demo

    &lt;?xml version="1.0" encoding="utf-8"?&gt; *" creationComplete="initTree();... change="iFrame.source=tree.selectedNode.path" ... // TODO: add some links here to Flex sites } ]]&gt; &lt;/mx:Application&gt;

Global site tag (gtag.js) - Google Analytics