|
Flex中如何利用focusIn和focusOut事件，对表单中获得焦点的项目进行颜色高亮（highlight）显示。??
2011-05-12 13:12:33|??分类： 个人日记 |字号?订阅
- <?xml?version="1.0"?encoding="utf-8"?>
- <mx:Application?xmlns:mx="http://www.adobe.com/2006/mxml"
- ????????layout="vertical"
- ????????verticalAlign="middle"
- ????????backgroundColor="white">
- ?
- ????<mx:Style>
- ????????FormItem?{
- ????????????paddingLeft:?4;
- ????????????paddingRight:?4;
- ????????????paddingTop:?4;
- ????????????paddingBottom:?4;
- ????????}
- ????</mx:Style>
- ?
- ????<mx:Script>
- ????????<![CDATA[
- ????????????private?const?BACKGROUND_COLOR:Object?=?"haloBlue";
- ?
- ????????????private?function?formItem_focusIn(evt:FocusEvent):void?{
- ????????????????var?item:FormItem?=?FormItem(evt.currentTarget.parent);
- ????????????????item.setStyle("backgroundAlpha",?0.2);
- ????????????????item.setStyle("backgroundColor",?BACKGROUND_COLOR);
- ????????????}
- ?
- ????????????private?function?formItem_focusOut(evt:FocusEvent):void?{
- ????????????????var?item:FormItem?=?FormItem(evt.currentTarget.parent);
- ????????????????item.setStyle("backgroundColor",?null);
- ????????????}
- ????????]]>
- ????</mx:Script>
- ?
- ????<mx:Form>
- ????????<mx:FormItem?label="First?name:">
- ????????????<mx:TextInput?id="firstName"
- ????????????????????focusIn="formItem_focusIn(event);"
- ????????????????????focusOut="formItem_focusOut(event);"?/>
- ????????</mx:FormItem>
- ????????<mx:FormItem?label="Last?name:">
- ????????????<mx:TextInput?id="lastName"
- ????????????????????focusIn="formItem_focusIn(event);"
- ????????????????????focusOut="formItem_focusOut(event);"?/>
- ????????</mx:FormItem>
- ????</mx:Form>
- ?
- </mx:Application>
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
