【Flex3】リストアイテムを動的に追加したい / addItem()メソッド
リストのアイテム(選択肢)をdataProvider属性に指定した
ArrayCollection型のオブジェクトで構成している場合、
そのアイテム(選択肢)を動的に追加するにはaddItem()メソッドを使います。
ArrayCollection型のオブジェクトは動的に追加・削除することが可能です。
以下のサンプルでは、
メニューリストに「スマイル追加」のボタンをクリックするたび
「スマイル」が追加されていきます。
「スマイル追加」ボタンをクリックすると・・・
メニューに「スマイル」が追加されました。
ArrayCollection型のオブジェクトで構成している場合、
そのアイテム(選択肢)を動的に追加するにはaddItem()メソッドを使います。
対象オブジェクトID.addItem(追加オブジェクト);
ArrayCollection型のオブジェクトは動的に追加・削除することが可能です。
以下のサンプルでは、
メニューリストに「スマイル追加」のボタンをクリックするたび
「スマイル」が追加されていきます。
「スマイル追加」ボタンをクリックすると・・・
メニューに「スマイル」が追加されました。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<!-- データ定義 -->
<mx:ArrayCollection id="menu_data">
<mx:Object label="コーヒー" value="250"/>
<mx:Object label="アイスティー" value="200"/>
<mx:Object label="オレンジジュース" value="180"/>
<mx:Object label="ロイヤルミルクティー" value="320"/>
<mx:Object label="水" value="0"/>
</mx:ArrayCollection>
<!-- コンポーネント配置 -->
<mx:List
width="160" height="170" x="10" y="10"
dataProvider="{menu_data}"
alternatingItemColors="[#FFFFFF,#F0F0F0]"
id="menu_list"/>
<mx:Button x="177" y="10" label="スマイル追加" click="addSmile()"/>
<!-- スクリプト -->
<mx:Script>
<![CDATA[
private function addSmile():void{
var smile_obj:Object = {label:"スマイル",value:0}
menu_data.addItem(smile_obj);
}
]]>
</mx:Script>
</mx:Application>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<!-- データ定義 -->
<mx:ArrayCollection id="menu_data">
<mx:Object label="コーヒー" value="250"/>
<mx:Object label="アイスティー" value="200"/>
<mx:Object label="オレンジジュース" value="180"/>
<mx:Object label="ロイヤルミルクティー" value="320"/>
<mx:Object label="水" value="0"/>
</mx:ArrayCollection>
<!-- コンポーネント配置 -->
<mx:List
width="160" height="170" x="10" y="10"
dataProvider="{menu_data}"
alternatingItemColors="[#FFFFFF,#F0F0F0]"
id="menu_list"/>
<mx:Button x="177" y="10" label="スマイル追加" click="addSmile()"/>
<!-- スクリプト -->
<mx:Script>
<![CDATA[
private function addSmile():void{
var smile_obj:Object = {label:"スマイル",value:0}
menu_data.addItem(smile_obj);
}
]]>
</mx:Script>
</mx:Application>
コメント
コメントの投稿
« 【Linux】yumのインストール時間を高速にするyum-fastestmirror l Home l 【Flex3】リスト(List)の背景色を設定したい(alternatingItemColors) »
s.jpg)