Flex/配列を使う
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
#topicpath
----
FlexではActionScriptの記述による配列の定義や、Arrayタグを...
#contents
*** ActionScriptで定義する、Arrayタグで定義する。 [#l0ae5...
//ここにコンテンツを記述します。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.macromedia.com/200...
<!-- Primitive型の配列の定義 -->
<mx:Script>
<![CDATA[
var myArray = [1,2,3,4,5,6,7,8,9];
]]>
</mx:Script>
<!-- Primitive型の配列の定義 以上 -->
<!-- Objectの配列の定義 -->
<mx:Array id="myArrayOfObjects"><!-- 変数名をmyArrayO...
<mx:Object label="Q1" volume="1600" revenue="10000"/>
<mx:Object label="Q2" volume="1500" revenue="9000"/>
<mx:Object label="Q3" volume="1900" revenue="12000"/>
<mx:Object label="Q4" volume="2300" revenue="14000"/>
</mx:Array>
<!-- Objectの配列の定義 以上 -->
<mx:HBox>
<mx:Panel label="Array Samples" title="sample">
<mx:Form>
<mx:FormHeading label="My Form"></mx:FormHeading>
<mx:FormItem label="Pick a Number">
<mx:ComboBox id="myCombo" dataProvider="{myAr...
<!-- さっきの配列をBind -->
</mx:FormItem>
</mx:Form>
<mx:ControlBar>
<mx:Label text="You chose:{myCombo.selectedItem...
</mx:ControlBar>
</mx:Panel>
<mx:Panel title="DataGrid">
<mx:DataGrid id="datagrid" dataProvider="{myArray...
<!-- さっきの配列をBind -->
<mx:columns>
<mx:Array>
<mx:DataGridColumn headerText="Label" colum...
<mx:DataGridColumn headerText="Volume" colu...
<mx:DataGridColumn headerText="Revenue" col...
</mx:Array>
</mx:columns>
</mx:DataGrid>
<mx:ControlBar>
<mx:Label text="You chose:{datagrid.selectedIte...
</mx:ControlBar>
</mx:Panel>
</mx:HBox>
</mx:Application>
#ref(arraySample1.png)
***ファイルからデータを読み込んで定義する。 [#yd039520]
先ほどは配列をソースコード上で定義していましたが、次は配...
<data>
<hogeModel>
<label>Q1</label>
<volume>1600</volume>
<revenue>10000</revenue>
</hogeModel>
<hogeModel>
<label>Q2</label>
<volume>1500</volume>
<revenue>9000</revenue>
</hogeModel>
<hogeModel>
<label>Q3</label>
<volume>1900</volume>
<revenue>12000</revenue>
</hogeModel>
<hogeModel>
<label>Q4</label>
<volume>2300</volume>
<revenue>14000</revenue>
</hogeModel>
</data>
このファイルは、
-hogeModelタグが、子要素(label,volume,revenue)をフィール...
-そのモデルの配列(要素数は4個)
である、ととらえることができそうです。
さてそのデータファイルから、配列(というかデータモデル)を...
<mx:Model id="myArrayOfObjects" source="hogeData.xml"/>
で、hogeData.xmlからmyArrayOfObjectsというモデルを定義す...
結局サンプルは以下の通り:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.macromedia.com/200...
<!-- Objectの配列の定義 -->
<mx:Model id="myArrayOfObjects" source="hogeData.xml"/>
<!-- Objectの配列の定義 以上 -->
<mx:HBox>
<mx:Panel title="DataGrid">
<mx:DataGrid id="datagrid" dataProvider="{myArray...
<!-- さっきの配列をBind -->
<mx:columns>
<mx:Array>
<mx:DataGridColumn headerText="Label" colum...
<mx:DataGridColumn headerText="Volume" colu...
<mx:DataGridColumn headerText="Revenue" col...
</mx:Array>
</mx:columns>
</mx:DataGrid>
<mx:ControlBar>
<mx:Label text="You chose:{datagrid.selectedIte...
</mx:ControlBar>
</mx:Panel>
</mx:HBox>
</mx:Application>
#ref(arraySample2.png)
xmlのスキーマ定義はなくてもいいの??そのスキーマとオブジ...
***配列からモデルを定義して、DataGridに渡す。 [#z8397414]
ひがやすをさんの、[[Flexでさわっておぼえるリッチクライア...
<mx:Model id="modelOfArray">
{myArrayOfObjects}
</mx:Model>
として、
<mx:DataGrid id="datagrid" dataProvider="{myArrayOfObjec...
を
<mx:DataGrid id="datagrid" dataProvider="{modelOfArray}">
とするのもありみたいです。これをやる意味は、[[先の本:http...
----
この記事は
#vote(おもしろかった[25],そうでもない[23])
-Array で作成される配列と、Modelで作成されるオブジェクト...
#comment
#topicpath
SIZE(10){現在のアクセス:&counter;}
終了行:
#topicpath
----
FlexではActionScriptの記述による配列の定義や、Arrayタグを...
#contents
*** ActionScriptで定義する、Arrayタグで定義する。 [#l0ae5...
//ここにコンテンツを記述します。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.macromedia.com/200...
<!-- Primitive型の配列の定義 -->
<mx:Script>
<![CDATA[
var myArray = [1,2,3,4,5,6,7,8,9];
]]>
</mx:Script>
<!-- Primitive型の配列の定義 以上 -->
<!-- Objectの配列の定義 -->
<mx:Array id="myArrayOfObjects"><!-- 変数名をmyArrayO...
<mx:Object label="Q1" volume="1600" revenue="10000"/>
<mx:Object label="Q2" volume="1500" revenue="9000"/>
<mx:Object label="Q3" volume="1900" revenue="12000"/>
<mx:Object label="Q4" volume="2300" revenue="14000"/>
</mx:Array>
<!-- Objectの配列の定義 以上 -->
<mx:HBox>
<mx:Panel label="Array Samples" title="sample">
<mx:Form>
<mx:FormHeading label="My Form"></mx:FormHeading>
<mx:FormItem label="Pick a Number">
<mx:ComboBox id="myCombo" dataProvider="{myAr...
<!-- さっきの配列をBind -->
</mx:FormItem>
</mx:Form>
<mx:ControlBar>
<mx:Label text="You chose:{myCombo.selectedItem...
</mx:ControlBar>
</mx:Panel>
<mx:Panel title="DataGrid">
<mx:DataGrid id="datagrid" dataProvider="{myArray...
<!-- さっきの配列をBind -->
<mx:columns>
<mx:Array>
<mx:DataGridColumn headerText="Label" colum...
<mx:DataGridColumn headerText="Volume" colu...
<mx:DataGridColumn headerText="Revenue" col...
</mx:Array>
</mx:columns>
</mx:DataGrid>
<mx:ControlBar>
<mx:Label text="You chose:{datagrid.selectedIte...
</mx:ControlBar>
</mx:Panel>
</mx:HBox>
</mx:Application>
#ref(arraySample1.png)
***ファイルからデータを読み込んで定義する。 [#yd039520]
先ほどは配列をソースコード上で定義していましたが、次は配...
<data>
<hogeModel>
<label>Q1</label>
<volume>1600</volume>
<revenue>10000</revenue>
</hogeModel>
<hogeModel>
<label>Q2</label>
<volume>1500</volume>
<revenue>9000</revenue>
</hogeModel>
<hogeModel>
<label>Q3</label>
<volume>1900</volume>
<revenue>12000</revenue>
</hogeModel>
<hogeModel>
<label>Q4</label>
<volume>2300</volume>
<revenue>14000</revenue>
</hogeModel>
</data>
このファイルは、
-hogeModelタグが、子要素(label,volume,revenue)をフィール...
-そのモデルの配列(要素数は4個)
である、ととらえることができそうです。
さてそのデータファイルから、配列(というかデータモデル)を...
<mx:Model id="myArrayOfObjects" source="hogeData.xml"/>
で、hogeData.xmlからmyArrayOfObjectsというモデルを定義す...
結局サンプルは以下の通り:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.macromedia.com/200...
<!-- Objectの配列の定義 -->
<mx:Model id="myArrayOfObjects" source="hogeData.xml"/>
<!-- Objectの配列の定義 以上 -->
<mx:HBox>
<mx:Panel title="DataGrid">
<mx:DataGrid id="datagrid" dataProvider="{myArray...
<!-- さっきの配列をBind -->
<mx:columns>
<mx:Array>
<mx:DataGridColumn headerText="Label" colum...
<mx:DataGridColumn headerText="Volume" colu...
<mx:DataGridColumn headerText="Revenue" col...
</mx:Array>
</mx:columns>
</mx:DataGrid>
<mx:ControlBar>
<mx:Label text="You chose:{datagrid.selectedIte...
</mx:ControlBar>
</mx:Panel>
</mx:HBox>
</mx:Application>
#ref(arraySample2.png)
xmlのスキーマ定義はなくてもいいの??そのスキーマとオブジ...
***配列からモデルを定義して、DataGridに渡す。 [#z8397414]
ひがやすをさんの、[[Flexでさわっておぼえるリッチクライア...
<mx:Model id="modelOfArray">
{myArrayOfObjects}
</mx:Model>
として、
<mx:DataGrid id="datagrid" dataProvider="{myArrayOfObjec...
を
<mx:DataGrid id="datagrid" dataProvider="{modelOfArray}">
とするのもありみたいです。これをやる意味は、[[先の本:http...
----
この記事は
#vote(おもしろかった[25],そうでもない[23])
-Array で作成される配列と、Modelで作成されるオブジェクト...
#comment
#topicpath
SIZE(10){現在のアクセス:&counter;}
ページ名: