Flex-event-handling
フレックス-イベント処理
Flexはイベントの概念を使用して、アプリケーション内の状態またはユーザーの操作に応じて、あるオブジェクトから別のオブジェクトにデータを渡します。
ActionScriptには、イベントを操作するために必要な機能の多くを定義する汎用の Event クラスがあります。 Flexアプリケーション内でイベントが発生するたびに、イベントクラス階層から3種類のオブジェクトが作成されます。
イベントには次の3つの重要なプロパティがあります
Sr.No | Property & Description |
---|---|
1 |
Type
|
2 |
Target Eventの target プロパティは、イベントを生成したコンポーネントへのオブジェクト参照です。clickMeButtonのIDを持つボタンをクリックすると、そのクリックイベントのターゲットはclickMeButtonになります。 |
3 |
CurrentTarget
|
イベントフローフェーズ
イベントは、イベントハンドラーを探すために3つの段階を経ます。
Sr.No | Phase & Description |
---|---|
1 |
Capture キャプチャフェーズでは、プログラムは外側(または最上位)の親から最も内側の親までのイベントハンドラーの検索を開始します。 キャプチャフェーズは、イベントをトリガーしたオブジェクトの親で停止します。 |
2 |
Target ターゲットフェーズでは、イベントをトリガーしたコンポーネントのイベントハンドラーがチェックされます。 |
3 |
Bubble バブルフェーズは、キャプチャフェーズの逆であり、ターゲットコンポーネントの親から上に向かって構造全体に戻ります。 |
次のアプリケーションコードを考慮してください-
ユーザーがボタンをクリックすると、ユーザーはパネルとアプリケーションもクリックします。
イベントは、イベントハンドラーの割り当てを探す3つのフェーズを通過します。
以下の手順に従って、Flexアプリケーションでのイベント処理をテストします-
Step | Description |
---|---|
1 | Create a project with a name HelloWorld under a package com.finddevguides.client as explained in the Flex - Create Application chapter. |
2 | Modify HelloWorld.mxml as explained below. Keep rest of the files unchanged. |
3 | Compile and run the application to make sure business logic is working as per the requirements. |
以下は、変更されたmxmlファイル src/com.finddevguides/HelloWorld.mxml の内容です。
すべての変更が完了したら、link:/flex/flex_create_application [Flex-アプリケーションの作成]の章で行ったように、アプリケーションを通常モードでコンパイルして実行します。 アプリケーションに問題がなければ、次の結果が得られます。[link:/flex/samples/EventHandlingApplicationl [オンラインで試す]]