flex数据绑定技巧

英文原文：《Data Binding Tip》
原文地址：http://weblogs.macromedia.com/pent/archives/2007/02/data_binding_ti.cfm
原文作者：Peter Ent

译者：Dreamer

flex数据绑定技巧

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

问题

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

 程序代码
[Bindable] private var somethingSelected:Boolean = false;
<mx:Button label="Publish" click="publishItem()" enabled="{somethingSelected}" />

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

 程序代码
private function publishItem() : void {
     // get the selected item
     // publish it
     grid.selectedItem = -1; // clear the selection
     somethingSelected = false;
}

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

一种较简单的方法

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

 程序代码
<mx:Binding source="grid.selectedIndex >= 0" destination="somethingSelected" />

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

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

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

 程序代码
<mx:Binding source="grid.selectedItem.code == 1" destination="codeOnePicked" />

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

 程序代码
<mx:CheckBox label="Code One?" selected="{codeOnePicked}" />
<mx:Button label="Publish" enabled="{somethingSelected && !codeOnePicked}" />

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

总结

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