ユーザーがログインボタンをクリックしたときにカスタム LoginEvent をディスパッチする単純なフォームである Flex のカスタムログインコンポーネントがあります。
<?xml version="1.0" encoding="utf-8"?>
<mx:Form xmlns:mx="http://www.adobe.com/2006/mxml" defaultButton="{btnLogin}">
<mx:Metadata>
[Event(name="login",tpye="events.LoginEvent")]
</mx:Metadata>
<mx:Script>
import events.LoginEvent;
private function _loginEventTrigger():void {
var t:LoginEvent = new LoginEvent(
LoginEvent.LOGIN,
txtUsername.text,
txtPassword.text);
dispatchEvent(t);
}
</mx:Script>
<mx:FormItem label="username:">
<mx:TextInput id="txtUsername" color="black" />
</mx:FormItem>
<mx:FormItem label="password:">
<mx:TextInput id="txtPassword" displayAsPassword="true" />
</mx:FormItem>
<mx:FormItem>
<mx:Button id="btnLogin"
label="login"
cornerRadius="0"
click="_loginEventTrigger()" />
</mx:FormItem>
</mx:Form>
次に、flex アプリケーションを含む main.mxml ファイルを用意し、問題なくコンポーネントをアプリケーションに追加します。
<custom:login_form id="cLogin" />
次に、actionscript でイベントを結び付けようとします。
import events.LoginEvent;
cLogin.addEventListener(LoginEvent.LOGIN,_handler);
private function _handler(event:LoginEvent):void {
mx.controls.Alert.show("logging in...");
}
すべてがうまくいっているように見えますが、コンパイルすると「未定義のプロパティ cLogin のエラーです...明らかに、ID「cLogin」で制御できますが、「ハンドル」を取得できないようです...私は何を間違っていますか?
ありがとう。