mx.controls
CheckBox クラス
CheckBox クラス
mx.controls.Button の拡張CheckBox コントロールは一般的に使用されるグラフィックコントロールで、チェックマークを付けることも、チェックを付けない (空の) 状態にしておくこともできます。CheckBox コントロールは、相互排他的でない一連のブール値 (true または false) を収集します。CheckBox コントロールにはテキストラベルを 1 つ追加して、左、右、上、下のいずれかの位置に表示することができます。ユーザーが CheckBox コントロールまたはこれに関連付けられたテキストをクリックすると、CheckBox コントロールの状態がチェック状態から非チェック状態に、またはその逆に変化します。
MXML シンタックス
<mx:CheckBox> タグは、親クラスのすべてのプロパティと、次のプロパティを継承します。
<mx:CheckBox
label="No default."
labelPlacement="right|left|bottom|top"
selected="false|true"
click="Event handler; no default."
/>
例を参照するにはここをクリックしてください
click | ユーザーがコントロールを選択したときにブロードキャストされます。このイベントオブジェクトの target プロパティには、イベントをトリガしたコンポーネントへの参照が含まれます。イベントオブジェクトの type プロパティには、イベント名 click が含まれます。
|
label
label:String
そのコントロールのテキストラベル。デフォルトでは、ラベルはコントロール内の中央に表示されます。
labelPlacement
labelPlacement:String
ラベルの向きです。有効な値は、right、left、bottom、および top です。デフォルトは right です。
selected
selected:Boolean
true の場合、チェックボックスの状態はオンです。false の場合、チェックボックスの状態はオフです。デフォルト値は false です。
version
static version:String
このクラスのバージョンを表すストリング。
| CheckBoxExample.mxml |
<?xml version="1.0"?>
<!-- CheckBox コントロールの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" backgroundColor="#FFFFFF">
<mx:Panel title="CheckBox Panel" marginTop="10">
<mx:Script>
// この関数はショッピングカートのアイテムの追加や削除を行います。
function modifyCart()
{
cartItems.text = "";
if(milkCB.selected == true)
{
cartItems.text += "milk" + newline ;
}
if(eggsCB.selected == true)
{
cartItems.text += "eggs" + newline;
}
if(breadCB.selected == true)
{
cartItems.text +="bread" + newline;
}
}
// この関数は警告のポップアップを表示させます。
function sendMessage()
{
if(couponCB.selected == true)
{
alert(' You will receive coupons to increase your savings');
}
else
{
alert(' You will not receive any coupons ');
}
}
</mx:Script>
<mx:HBox>
<mx:VBox>
<mx:CheckBox id="milkCB" label="milk" click="modifyCart()"/>
<mx:CheckBox id="eggsCB" label="eggs" click="modifyCart()"/>
<mx:CheckBox id="breadCB" label="bread" click="modifyCart()"/>
</mx:VBox>
<mx:VBox>
<mx:Label text="Items in my cart "/>
<mx:TextArea id="cartItems" width="300" height="50" vScrollPolicy="off"/>
<!-- イベントハンドラ sendMessages() がイベント click の処理に使用されます-->
<mx:CheckBox id="couponCB" label="Send me coupons for items in my cart" click="sendMessage()" selected="true" color="blue"/>
</mx:VBox>
</mx:HBox>
</mx:Panel>
</mx:Application>
|