Flex数据绑定的技巧有哪些
这篇文章主要介绍了Flex数据绑定的技巧有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
Flex数据绑定技巧
有一种简单的方法可以通过选中来激活/禁用控件。举个例子,假设你有一个DataGrid以及一些操作数据的按钮,这些按钮中有一些只能在选中某一行的时候才可以使用,另外一些按钮只能在没有选中的时候使用,还有一些只能在选中特定行的时候使用。
问题
为了达到上述目的,你可能需要编写一些if语句或者使用Flex数据绑定设定一个变量然后在代码里不断调整变量的值。就像这样:
程序代码
[Bindable]privatevarsomethingSelected:Boolean=false; <mx:Buttonlabelmx:Buttonlabel="Publish"click="publishItem()"enabled="{somethingSelected}"/>
这是个不错的想法。所有依赖于DataGrid的选中状态的控件都被绑定到了一个变量上。改变这个变量就改变了控件的活动状态。然而,你仍然需要决定什么时候更改这个变量。例如:
程序代码
privatefunctionpublishItem():void{ //gettheselecteditem //publishit grid.selectedItem=-1;//cleartheselection somethingSelected=false; }
让我们把事情变得复杂一点,假设当选中的一行中里包含一个特殊的值有一个按钮就会被激活。现在你就不只要注意变量somethingSelected了,还需要注意这个附加的检验。换句话说,在publishItem()函数里你还需要设定另外一个变量。有越多的条件限制这个函数就会越复杂。
Flex数据绑定一种较简单的方法
这里有一种较简单的方法。现在按钮已经绑定到了somethingSelected变量,剩下的就是将somethingSelected变量绑定到DataGrid的状态了。你可以使用<mx:Binding>标签:
程序代码
<mx:Bindingsourcemx:Bindingsource="grid.selectedIndex>=0"destination="somethingSelected"/>
现在somethingSelected的值绑定到了DataGrid的选定状态上了。选中某行somethingSelected的值会变为true,然后所有标签里有enabled="{somethingSelected}"的标签都会被激活,所有标签里有enabled="{!somethingSelected}"的按钮都会被禁用。
Bingding标签的source不一定必须是变量。它可以是一个表达式,如下面所示。这里source就是一个简单的条件,判断DataGrid的selectedIndex是否大于等于0。
这里是一个稍微有点复杂的例子:
程序代码
<mx:Bindingsourcemx:Bindingsource="grid.selectedItem.code==1"destination="codeOnePicked"/>
如果DataGrid的某条记录的某个域的值如果为1将会使变量codeOnePicked的值变为true。
程序代码
<mx:CheckBoxlabelmx:CheckBoxlabel="CodeOne?"selected="{codeOnePicked}"/> <mx:Buttonlabelmx:Buttonlabel="Publish"enabled="{somethingSelected&&!codeOnePicked}"/>
在这里,只要DataGrid中被选择的记录code域为1,CheckBox就会被选中,同时按钮就会被禁用。
Flex数据绑定总结
在你的程序中如果有控件依赖于选中状态或者其他UI的状态,可以尝试使用<mx:Binding>标签,它可以使代码干净,同时也更容易阅读和扩展
感谢你能够认真阅读完这篇文章,希望小编分享的“Flex数据绑定的技巧有哪些”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网行业资讯频道,更多相关知识等着你来学习!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341