Flex数据绑定技巧

开发 后端
本文向大家简单介绍一下Flex数据绑定技巧,在使用Flex过程中有时需要编写一些if语句或者使用数据绑定设定一个变量然后在代码里不断调整变量的值。

本文和大家重点讨论一下Flex数据绑定技巧,假设你有一个DataGrid以及一些操作数据的按钮,这些按钮中有一些只能在选中某一行的时候才可以使用,这时你可能需要编写一些if语句或者使用Flex数据绑定设定一个变量然后在代码里不断调整变量的值。

Flex数据绑定技巧

有一种简单的方法可以通过选中来激活/禁用控件。举个例子,假设你有一个DataGrid以及一些操作数据的按钮,这些按钮中有一些只能在选中某一行的时候才可以使用,另外一些按钮只能在没有选中的时候使用,还有一些只能在选中特定行的时候使用。

问题

为了达到上述目的,你可能需要编写一些if语句或者使用FlexFlex数据绑定设定一个变量然后在代码里不断调整变量的值。就像这样:

程序代码

  1. [Bindable]privatevarsomethingSelected:Boolean=false;  
  2.  
  3. <mx:Buttonlabelmx:Buttonlabel="Publish"click="publishItem()"enabled="{somethingSelected}"/> 

这是个不错的想法。所有依赖于DataGrid的选中状态的控件都被绑定到了一个变量上。改变这个变量就改变了控件的活动状态。然而,你仍然需要决定什么时候更改这个变量。例如:

程序代码

  1. privatefunctionpublishItem():void{  
  2.  
  3. //gettheselecteditem  
  4.  
  5. //publishit  
  6.  
  7. grid.selectedItem=-1;//cleartheselection  
  8.  
  9. somethingSelected=false;  
  10.  
  11. }  

让我们把事情变得复杂一点,假设当选中的一行中里包含一个特殊的值有一个按钮就会被激活。现在你就不只要注意变量somethingSelected了,还需要注意这个附加的检验。换句话说,在publishItem()函数里你还需要设定另外一个变量。有越多的条件限制这个函数就会越复杂。

Flex数据绑定一种较简单的方法

这里有一种较简单的方法。现在按钮已经绑定到了somethingSelected变量,剩下的就是将somethingSelected变量绑定到DataGrid的状态了。你可以使用<mx:Binding>标签:

程序代码

  1. <mx:Bindingsourcemx:Bindingsource="grid.selectedIndex>=0"destination="somethingSelected"/> 
  2.  

 现在somethingSelected的值绑定到了DataGrid的选定状态上了。选中某行somethingSelected的值会变为true,然后所有标签里有enabled="{somethingSelected}"的标签都会被激活,所有标签里有enabled="{!somethingSelected}"的按钮都会被禁用。

Bingding标签的source不一定必须是变量。它可以是一个表达式,如下面所示。这里source就是一个简单的条件,判断DataGrid的selectedIndex是否大于等于0。

◆这里是一个稍微有点复杂的例子:

程序代码

  1. <mx:Bindingsourcemx:Bindingsource="grid.selectedItem.code==1"destination="codeOnePicked"/> 
  2.  

 如果DataGrid的某条记录的某个域的值如果为1将会使变量codeOnePicked的值变为true。

程序代码

  1. <mx:CheckBoxlabelmx:CheckBoxlabel="CodeOne?"selected="{codeOnePicked}"/> 
  2.  
  3. <mx:Buttonlabelmx:Buttonlabel="Publish"enabled="{somethingSelected&&!codeOnePicked}"/> 

在这里,只要DataGrid中被选择的记录code域为1,CheckBox就会被选中,同时按钮就会被禁用。

Flex数据绑定总结

在你的程序中如果有控件依赖于选中状态或者其他UI的状态,可以尝试使用<mx:Binding>标签,它可以使代码干净,同时也更容易阅读和扩展
 

【编辑推荐】

  1. Flex数据绑定中常见的误用和错误
  2. Flex2.0Beta1新功能出炉
  3. 技术分享 如何重写Flex组件
  4. FlexBuilder3.0与Eclipse3.4的完美结合
  5. 剖析Flex DataGrid分页控件的两种分页形式用法

 

 

责任编辑:佚名 来源: weblogs.macromedia.com
相关推荐

2010-08-12 11:34:15

Flex数据绑定

2010-07-30 09:08:21

Flex数据绑定

2010-07-28 13:31:10

Flex数据绑定

2010-08-05 15:06:19

Flex数据绑定

2010-08-10 10:56:39

2010-07-28 13:40:44

Flex数据绑定

2010-07-30 10:45:08

Flex数据绑定

2010-08-12 11:05:33

Flex数据绑定

2010-07-30 10:53:53

Flex数据绑定

2010-07-30 10:23:46

Flex数据绑定

2010-07-30 09:16:24

Flex数据绑定

2010-07-28 13:48:49

Flex数据绑定

2010-07-30 10:30:58

Flex数据绑定

2010-07-28 13:54:42

Flex数据绑定

2010-08-06 10:15:35

Flex绑定

2010-08-13 14:19:44

Flex绑定机制

2009-12-23 15:16:52

WPF数据绑定

2010-08-12 10:43:19

Flex数据绑定

2010-07-28 13:24:20

Flex数据绑定

2010-08-12 10:56:17

Flex数据绑定
点赞
收藏

51CTO技术栈公众号