Flex中如何利用FocusManager类的setFocus函数设置TextInput的焦点的例子

By Minidxer | September 24, 2008

接下来的例子演示了Flex中如何利用FocusManager类的setFocus函数，设置TextInput的焦点。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application name="FocusManager_setFocus_test"
  3.         xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <mx:Script>
  9.         <![CDATA[
  10.             import mx.controls.Alert;
  11.  
  12.             private function submitButton_click(evt:MouseEvent):void {
  13.                 Alert.show(evt.currentTarget.label,
  14.                             Object(focusManager.getFocus()).name);
  15.             }
  16.  
  17.             private function resetButton_click(evt:MouseEvent):void {
  18.                 username.text = "";
  19.                 password.text = "";
  20.                 Alert.show(evt.currentTarget.label,
  21.                             Object(focusManager.getFocus()).name);
  22.             }
  23.         ]]>
  24.     </mx:Script>
  25.  
  26.     <mx:ApplicationControlBar dock="true">
  27.         <mx:Button label="Set focus to Username"
  28.                 click="focusManager.setFocus(username);" />
  29.         <mx:Button label="Set focus to Password"
  30.                 click="focusManager.setFocus(password);" />
  31.     </mx:ApplicationControlBar>
  32.  
  33.     <mx:Form id="form"
  34.             defaultButton="{submitButton}">
  35.         <mx:FormItem label="Username:">
  36.             <mx:TextInput id="username" />
  37.         </mx:FormItem>
  38.         <mx:FormItem label="Password:">
  39.             <mx:TextInput id="password"
  40.                     displayAsPassword="true" />
  41.         </mx:FormItem>
  42.         <mx:FormItem direction="horizontal"
  43.                 horizontalAlign="right"
  44.                 width="100%">
  45.             <mx:Button id="submitButton"
  46.                     label="Submit"
  47.                     click="submitButton_click(event);" />
  48.             <mx:Button id="resetButton"
  49.                     label="Reset"
  50.                     click="resetButton_click(event);" />
  51.         </mx:FormItem>
  52.     </mx:Form>
  53.  
  54. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: TextInput | No Comments » | 1,383 views Tags: , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll