標準コンポーネントの一行入力用エディタ。

TextInputの基本的な使い方

以下のようなタグをソースに挿入します。

<mx:TextInput text="初期値" x="10" y="10" width="100"/>

TextInput を２つ配置して、上側に入力した数値を１０倍したものを下側に表示するプログラムは次の通りです。change のイベントハンドラを記述します。

file:cm2m.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <!-- 値の入力用 -->
    <mx:Label x="10" y="10" text="値の入力"/>
    <mx:TextInput x="72" y="8" id="input_txt"
        change="onChange()"/>
    <!-- 結果の表示用 -->
    <mx:Label x="10" y="36" text="10倍の値"/>
    <mx:TextInput x="72" y="34" id="result_txt"/>
    <!-- スクリプト -->
    <mx:Script>
        <![CDATA[
            private function onChange():void {
                var n:Number = Number(input_txt.text);
                result_txt.text = String(n * 10);
            }
        ]]>
    </mx:Script>
</mx:Application>

コメント