You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by pe...@apache.org on 2015/05/29 22:13:59 UTC
git commit: [flex-asjs] [refs/heads/develop] - Updated MobileTrader.
Repository: flex-asjs
Updated Branches:
refs/heads/develop 50d52ce2f -> edb427541
Updated MobileTrader.
Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/edb42754
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/edb42754
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/edb42754
Branch: refs/heads/develop
Commit: edb42754187cd1e4e66d7328b12ad257a8e76153
Parents: 50d52ce
Author: Peter Ent <pe...@apache.org>
Authored: Fri May 29 16:13:57 2015 -0400
Committer: Peter Ent <pe...@apache.org>
Committed: Fri May 29 16:13:57 2015 -0400
----------------------------------------------------------------------
examples/MobileTrader/src/MyInitialView.mxml | 69 ++++++-----
examples/MobileTrader/src/views/AlertsView.mxml | 88 +++++++-------
examples/MobileTrader/src/views/AssetsView.mxml | 88 +++++++-------
examples/MobileTrader/src/views/SearchView.mxml | 8 +-
examples/MobileTrader/src/views/StockView.mxml | 53 ++++----
.../MobileTrader/src/views/WatchListView.mxml | 120 +++++++++----------
6 files changed, 203 insertions(+), 223 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/edb42754/examples/MobileTrader/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/MobileTrader/src/MyInitialView.mxml b/examples/MobileTrader/src/MyInitialView.mxml
index b43e4b6..6b155eb 100755
--- a/examples/MobileTrader/src/MyInitialView.mxml
+++ b/examples/MobileTrader/src/MyInitialView.mxml
@@ -17,17 +17,15 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:local="*"
- xmlns:js="library://ns.apache.org/flexjs/basic"
+ xmlns:basic="library://ns.apache.org/flexjs/basic"
xmlns:views="views.*"
xmlns:apache="org.apache.flex.html.beads.*"
xmlns:html="org.apache.flex.html.*"
xmlns:controller="controller.*"
initComplete="onInitComplete()" xmlns:models="models.*" >
-
-
<fx:Style>
@namespace basic "library://ns.apache.org/flexjs/basic";
@namespace views "views.*";
@@ -79,7 +77,8 @@ limitations under the License.
}
.AssetsInner {
- padding: 10px;
+ padding-top: 5px;
+ background-color: #FFFFFF;
}
views|AssetsView {
@@ -91,6 +90,7 @@ limitations under the License.
width: 480px;
height: 640px;
IBeadController:ClassReference('controller.WatchListController');
+ background-color: #FFFFFF;
}
.WatchListInner {
@@ -105,8 +105,10 @@ limitations under the License.
.WatchListInputArea {
background-color: #FFFFFF;
- padding: 10px;
width: 480px;
+ height: 25px;
+ padding-top: 5px;
+ padding-bottom: 2px;
}
views|StockView {
@@ -189,13 +191,6 @@ limitations under the License.
private function onInitComplete():void
{
- // Give the model to the WatchListView's dataModel; do not replace
- // a component's model with a custom model as that can adversely
- // affect a component's behavior.
- watchListView.dataModel = applicationModel as IBeadModel;
-
- alertsView.dataModel = applicationModel as IBeadModel;
- trace("alerts view set");
}
private function onAssetsNext():void
@@ -227,30 +222,34 @@ limitations under the License.
]]>
</fx:Script>
- <js:TabbedViewManager id="navController" width="480" height="640" x="0" y="0" viewChanged="tabbedViewChanged(event)">
- <js:navigationBarItems>
- <js:TextButton id="backButton" width="45" height="45" className="BackButton" visible="false" click="goBack(event)">
- <js:beads>
+ <basic:beads>
+ <!--<basic:ViewBaseDataBinding />-->
+ </basic:beads>
+
+ <basic:TabbedViewManager id="navController" width="480" height="640" x="0" y="0" viewChanged="tabbedViewChanged(event)">
+ <basic:navigationBarItems>
+ <basic:TextButton id="backButton" width="45" height="45" className="BackButton" visible="false" click="goBack(event)">
+ <basic:beads>
<apache:ImageButtonView />
- </js:beads>
- </js:TextButton>
- <js:Image source="assets/logo.png" width="218" height="55" />
- </js:navigationBarItems>
- <js:views>
- <js:StackedViewManager title="Assets">
- <js:views>
+ </basic:beads>
+ </basic:TextButton>
+ <basic:Image source="assets/logo.png" width="218" height="55" />
+ </basic:navigationBarItems>
+ <basic:views>
+ <basic:StackedViewManager title="Assets">
+ <basic:views>
<views:AssetsView id="assetsView" title="Assets" next="onAssetsNext()" />
- </js:views>
- </js:StackedViewManager>
+ </basic:views>
+ </basic:StackedViewManager>
- <js:StackedViewManager id="watchListStack" title="Watch List" viewChanged="watchListStackChanged(event)">
- <js:views>
- <views:WatchListView id="watchListView"/>
- </js:views>
- </js:StackedViewManager>
+ <basic:StackedViewManager id="watchListStack" title="Watch List" viewChanged="watchListStackChanged(event)">
+ <basic:views>
+ <views:WatchListView id="watchListView" dataModel="{applicationModel}"/>
+ </basic:views>
+ </basic:StackedViewManager>
- <views:AlertsView id="alertsView" title="Alerts" />
- </js:views>
- </js:TabbedViewManager>
+ <views:AlertsView id="alertsView" title="Alerts" dataModel="{applicationModel}" />
+ </basic:views>
+ </basic:TabbedViewManager>
-</js:ViewBase>
+</basic:ViewBase>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/edb42754/examples/MobileTrader/src/views/AlertsView.mxml
----------------------------------------------------------------------
diff --git a/examples/MobileTrader/src/views/AlertsView.mxml b/examples/MobileTrader/src/views/AlertsView.mxml
index 247ac2b..bc74a29 100755
--- a/examples/MobileTrader/src/views/AlertsView.mxml
+++ b/examples/MobileTrader/src/views/AlertsView.mxml
@@ -17,9 +17,9 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<js:View xmlns:fx="http://ns.adobe.com/mxml/2009"
+<basic:View xmlns:fx="http://ns.adobe.com/mxml/2009"
title="Alerts"
- xmlns:js="library://ns.apache.org/flexjs/basic"
+ xmlns:basic="library://ns.apache.org/flexjs/basic"
xmlns:local="*"
className="AlertsView" xmlns:renderers="renderers.*">
@@ -28,21 +28,13 @@ limitations under the License.
</fx:Metadata>
<fx:Script>
- <![CDATA[
- import controller.AlertsViewController;
-
+ <![CDATA[
import org.apache.flex.core.IBeadModel;
import org.apache.flex.events.Event;
- public function set dataModel(value:IBeadModel):void
- {
- (controller as AlertsViewController).model = value;
- }
- public function get dataModel():IBeadModel
- {
- return (controller as AlertsViewController).model;
- }
-
+ [Bindable]
+ public var dataModel:IBeadModel;
+
private function onAlertSet():void
{
dispatchEvent(new org.apache.flex.events.Event("alertSet"));
@@ -50,49 +42,49 @@ limitations under the License.
]]>
</fx:Script>
- <js:Container x="4" y="10" >
- <js:beads>
- <js:HorizontalLayout />
- </js:beads>
- <js:Label text="Symbol:" />
- <js:TextInput id="symbolField" />
- <js:Label text="Value:" />
- <js:TextInput id="valueField" />
- <js:CheckBox text="Higher?" id="higherCheck" />
- <js:TextButton text="Set" click="onAlertSet()" />
- </js:Container>
+ <basic:Container x="4" y="10" >
+ <basic:beads>
+ <basic:HorizontalLayout />
+ </basic:beads>
+ <basic:Label text="Symbol:" />
+ <basic:TextInput id="symbolField" />
+ <basic:Label text="Value:" />
+ <basic:TextInput id="valueField" />
+ <basic:CheckBox text="Higher?" id="higherCheck" />
+ <basic:TextButton text="Set" click="onAlertSet()" />
+ </basic:Container>
- <js:DataGrid x="0" y="40" width="480" height="200">
- <js:beads>
- <js:SimpleBinding
- eventName="alertAdded"
+ <basic:DataGrid x="0" y="40" width="480" height="200">
+ <basic:beads>
+ <basic:SimpleBinding
+ eventName="alertsUpdate"
sourceID="dataModel"
sourcePropertyName="alerts"
destinationPropertyName="dataProvider" />
- </js:beads>
- <js:columns>
- <js:DataGridColumn label="Symbol" dataField="symbol">
- <js:itemRenderer>
+ </basic:beads>
+ <basic:columns>
+ <basic:DataGridColumn label="Symbol" dataField="symbol">
+ <basic:itemRenderer>
<fx:Component>
- <js:StringItemRenderer />
+ <basic:StringItemRenderer />
</fx:Component>
- </js:itemRenderer>
- </js:DataGridColumn>
- <js:DataGridColumn label="Alert" dataField="greaterThan">
- <js:itemRenderer>
+ </basic:itemRenderer>
+ </basic:DataGridColumn>
+ <basic:DataGridColumn label="Alert" dataField="greaterThan">
+ <basic:itemRenderer>
<fx:Component>
<renderers:AlertRenderer />
</fx:Component>
- </js:itemRenderer>
- </js:DataGridColumn>
- <js:DataGridColumn label="Message" dataField="message">
- <js:itemRenderer>
+ </basic:itemRenderer>
+ </basic:DataGridColumn>
+ <basic:DataGridColumn label="Message" dataField="message">
+ <basic:itemRenderer>
<fx:Component>
- <js:StringItemRenderer />
+ <basic:StringItemRenderer />
</fx:Component>
- </js:itemRenderer>
- </js:DataGridColumn>
- </js:columns>
- </js:DataGrid>
+ </basic:itemRenderer>
+ </basic:DataGridColumn>
+ </basic:columns>
+ </basic:DataGrid>
-</js:View>
+</basic:View>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/edb42754/examples/MobileTrader/src/views/AssetsView.mxml
----------------------------------------------------------------------
diff --git a/examples/MobileTrader/src/views/AssetsView.mxml b/examples/MobileTrader/src/views/AssetsView.mxml
index c5f4f2b..edf3916 100755
--- a/examples/MobileTrader/src/views/AssetsView.mxml
+++ b/examples/MobileTrader/src/views/AssetsView.mxml
@@ -17,9 +17,9 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<js:View xmlns:fx="http://ns.adobe.com/mxml/2009"
+<basic:View xmlns:fx="http://ns.adobe.com/mxml/2009"
title="Assets"
- xmlns:js="library://ns.apache.org/flexjs/basic"
+ xmlns:basic="library://ns.apache.org/flexjs/basic"
xmlns:models="models.*"
xmlns:local="*"
className="AssetsView">
@@ -33,62 +33,62 @@ limitations under the License.
[Event("next")]
</fx:Metadata>
- <js:beads>
- <js:BasicLayout />
- </js:beads>
+ <basic:beads>
+ <basic:BasicLayout />
+ </basic:beads>
- <js:model>
+ <basic:model>
<models:AssetsModel />
- </js:model>
+ </basic:model>
- <js:Container className="AssetsInner" width="480">
- <js:beads>
- <js:VerticalLayout />
- </js:beads>
- <js:style>
- <js:SimpleCSSStyles top="0" left="0" right="0" />
- </js:style>
+ <basic:Container className="AssetsInner" width="480">
+ <basic:beads>
+ <basic:VerticalLayout />
+ </basic:beads>
+ <basic:style>
+ <basic:SimpleCSSStyles top="0" left="0" right="0" />
+ </basic:style>
- <js:Label text="Summary" />
+ <basic:Label text="Summary" />
- <js:DataGrid height="200" width="480">
- <js:style>
- <js:SimpleCSSStyles top="0" left="0" right="0" />
- </js:style>
- <js:beads>
- <js:ConstantBinding
+ <basic:DataGrid height="200" width="480">
+ <basic:style>
+ <basic:SimpleCSSStyles top="0" left="0" right="0" />
+ </basic:style>
+ <basic:beads>
+ <basic:ConstantBinding
sourceID="model"
sourcePropertyName="assetsData"
destinationPropertyName="dataProvider" />
- </js:beads>
- <js:columns>
- <js:DataGridColumn label="" dataField="label" />
- <js:DataGridColumn label="" dataField="value" />
- <js:DataGridColumn label="" dataField="netChange" />
- </js:columns>
- </js:DataGrid>
+ </basic:beads>
+ <basic:columns>
+ <basic:DataGridColumn label="Type" dataField="label" />
+ <basic:DataGridColumn label="Value" dataField="value" />
+ <basic:DataGridColumn label="Change" dataField="netChange" />
+ </basic:columns>
+ </basic:DataGrid>
- <js:Label text="Performance History" />
+ <basic:Label text="Performance History" />
- <!--<js:BarChart id="barChart" width="320" height="250">
- <js:beads>
- <js:ConstantBinding
+ <!--<basic:BarChart id="barChart" width="320" height="250">
+ <basic:beads>
+ <basic:ConstantBinding
sourceID="model"
sourcePropertyName="assetsData"
destinationPropertyName="dataProvider" />
- <js:XAxisBead labelField="title" />
- </js:beads>
- <js:series>
- <js:BarChartSeries yField="value"
+ <basic:XAxisBead labelField="title" />
+ </basic:beads>
+ <basic:series>
+ <basic:BarChartSeries yField="value"
fillColor="0xFF964D">
- <js:itemRenderer>
+ <basic:itemRenderer>
<fx:Component>
- <js:BoxItemRenderer />
+ <basic:BoxItemRenderer />
</fx:Component>
- </js:itemRenderer>
- </js:BarChartSeries>
- </js:series>
- </js:BarChart>-->
+ </basic:itemRenderer>
+ </basic:BarChartSeries>
+ </basic:series>
+ </basic:BarChart>-->
- </js:Container>
-</js:View>
+ </basic:Container>
+</basic:View>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/edb42754/examples/MobileTrader/src/views/SearchView.mxml
----------------------------------------------------------------------
diff --git a/examples/MobileTrader/src/views/SearchView.mxml b/examples/MobileTrader/src/views/SearchView.mxml
index 6e73d71..6b834d7 100755
--- a/examples/MobileTrader/src/views/SearchView.mxml
+++ b/examples/MobileTrader/src/views/SearchView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<js:View xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:js="library://ns.apache.org/flexjs/basic"
+<basic:View xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:basic="library://ns.apache.org/flexjs/basic"
xmlns:apache="org.apache.flex.html.beads.*"
xmlns:local="*"
className="StockView">
@@ -33,5 +33,5 @@ limitations under the License.
]]>
</fx:Script>
- <js:Label text="Search View" x="20" y="100" />
-</js:View>
+ <basic:Label text="Search View" x="20" y="100" />
+</basic:View>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/edb42754/examples/MobileTrader/src/views/StockView.mxml
----------------------------------------------------------------------
diff --git a/examples/MobileTrader/src/views/StockView.mxml b/examples/MobileTrader/src/views/StockView.mxml
index b660407..e1dfb24 100755
--- a/examples/MobileTrader/src/views/StockView.mxml
+++ b/examples/MobileTrader/src/views/StockView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
limitations under the License.
-->
-<js:View xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:js="library://ns.apache.org/flexjs/basic"
+<basic:View xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:basic="library://ns.apache.org/flexjs/basic"
xmlns:apache="org.apache.flex.html.beads.*"
xmlns:local="*"
className="StockView">
@@ -68,32 +68,31 @@ limitations under the License.
]]>
</fx:Script>
- <js:Container>
- <js:beads>
- <js:VerticalLayout />
- <js:ViewBaseDataBinding />
- </js:beads>
- <js:style>
- <js:SimpleCSSStyles top="10px" left="10px" />
- </js:style>
+ <basic:Container>
+ <basic:beads>
+ <basic:VerticalLayout />
+ </basic:beads>
+ <basic:style>
+ <basic:SimpleCSSStyles top="10px" left="10px" />
+ </basic:style>
- <js:Label id="stockSymbol" text="{stock.symbol}" className="ViewTitle" />
- <js:Label id="stockName" text="{stock.name}" className="StockName" />
+ <basic:Label id="stockSymbol" text="{stock.symbol}" className="ViewTitle" />
+ <basic:Label id="stockName" text="{stock.name}" className="StockName" />
- <js:Container className="StockDetailArea">
- <js:beads>
- <js:VerticalColumnLayout numColumns="2" />
- </js:beads>
+ <basic:Container className="StockDetailArea">
+ <basic:beads>
+ <basic:VerticalColumnLayout numColumns="2" />
+ </basic:beads>
- <js:Label text="Last Price:" className="StockLabel" /> <js:Label id="lastPrice" className="StockValue" />
- <js:Label text="Open Price:" className="StockLabel" /> <js:Label id="openPrice" className="StockValue" />
- <js:Label text="Low Price:" className="StockLabel" /> <js:Label id="lowPrice" className="StockValue" />
- <js:Label text="High Price:" className="StockLabel" /> <js:Label id="highPrice" className="StockValue" />
- <js:Label text="Change: " className="StockLabel" /> <js:Label id="changeAmount" className="StockValue" />
- </js:Container>
+ <basic:Label text="Last Price:" className="StockLabel" /> <basic:Label id="lastPrice" className="StockValue" />
+ <basic:Label text="Open Price:" className="StockLabel" /> <basic:Label id="openPrice" className="StockValue" />
+ <basic:Label text="Low Price:" className="StockLabel" /> <basic:Label id="lowPrice" className="StockValue" />
+ <basic:Label text="High Price:" className="StockLabel" /> <basic:Label id="highPrice" className="StockValue" />
+ <basic:Label text="Change: " className="StockLabel" /> <basic:Label id="changeAmount" className="StockValue" />
+ </basic:Container>
- <js:Container className="StockDetailArea">
- <js:TextButton text="Remove From List" width="200" className="StockRemoveButton" click="removeFromList()" />
- </js:Container>
- </js:Container>
-</js:View>
+ <basic:Container className="StockDetailArea">
+ <basic:TextButton text="Remove From List" width="200" className="StockRemoveButton" click="removeFromList()" />
+ </basic:Container>
+ </basic:Container>
+</basic:View>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/edb42754/examples/MobileTrader/src/views/WatchListView.mxml
----------------------------------------------------------------------
diff --git a/examples/MobileTrader/src/views/WatchListView.mxml b/examples/MobileTrader/src/views/WatchListView.mxml
index 51f3aca..b92a9fc 100755
--- a/examples/MobileTrader/src/views/WatchListView.mxml
+++ b/examples/MobileTrader/src/views/WatchListView.mxml
@@ -18,12 +18,12 @@ limitations under the License.
-->
<js:View xmlns:fx="http://ns.adobe.com/mxml/2009"
- title="Watch List"
- xmlns:js="library://ns.apache.org/flexjs/basic"
- xmlns:controller="controller.*"
- xmlns:local="*"
- className="WatchListView"
- xmlns:renderers="renderers.*">
+ title="Watch List"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
+ xmlns:controller="controller.*"
+ xmlns:local="*"
+ className="WatchListView"
+ xmlns:renderers="renderers.*">
<fx:Script>
<![CDATA[
@@ -38,7 +38,7 @@ limitations under the License.
import org.apache.flex.events.Event;
import org.apache.flex.mobile.IViewManager;
import org.apache.flex.mobile.StackedViewManager;
-
+
public function set dataModel(value:IBeadModel):void
{
var cm:IBeadController = controller;
@@ -92,67 +92,57 @@ limitations under the License.
<js:VerticalLayout />
</js:beads>
- <js:Container className="WatchListInputArea" width="480" height="50">
- <js:beads>
- <js:HorizontalLayout />
- </js:beads>
+ <js:HContainer className="WatchListInputArea">
<js:Label text="Symbol:" />
<js:TextInput id="symbolName" />
<js:TextButton text="Add" click="addSymbol()" />
- </js:Container>
-
- <js:Container className="WatchListInner" width="480" height="480">
+ </js:HContainer>
+
+ <js:DataGrid id="dataGrid" change="selectRow()" className="WatchListDataGrid">
<js:beads>
- <js:ScrollingContainerView />
- <js:VerticalScrollingLayout />
+ <js:SimpleBinding
+ eventName="update"
+ sourceID="dataModel"
+ sourcePropertyName="watchList"
+ destinationPropertyName="dataProvider" />
</js:beads>
-
- <js:DataGrid id="dataGrid" change="selectRow()" width="480" height="480" className="WatchListDataGrid">
- <js:beads>
- <js:SimpleBinding
- eventName="update"
- sourceID="dataModel"
- sourcePropertyName="watchList"
- destinationPropertyName="dataProvider" />
- </js:beads>
- <js:columns>
- <js:DataGridColumn label="Symbol" dataField="symbol">
- <js:itemRenderer>
- <fx:Component>
- <js:StringItemRenderer />
- </fx:Component>
- </js:itemRenderer>
- </js:DataGridColumn>
- <js:DataGridColumn label="Open" dataField="open">
- <js:itemRenderer>
- <fx:Component>
- <renderers:StockRenderer />
- </fx:Component>
- </js:itemRenderer>
- </js:DataGridColumn>
- <js:DataGridColumn label="Last" dataField="last" >
- <js:itemRenderer>
- <fx:Component>
- <renderers:StockRenderer />
- </fx:Component>
- </js:itemRenderer>
- </js:DataGridColumn>
- <js:DataGridColumn label="High" dataField="high" >
- <js:itemRenderer>
- <fx:Component>
- <renderers:StockRenderer />
- </fx:Component>
- </js:itemRenderer>
- </js:DataGridColumn>
- <js:DataGridColumn label="Low" dataField="low" >
- <js:itemRenderer>
- <fx:Component>
- <renderers:StockRenderer />
- </fx:Component>
- </js:itemRenderer>
- </js:DataGridColumn>
- </js:columns>
- </js:DataGrid>
- </js:Container>
-
+ <js:columns>
+ <js:DataGridColumn label="Symbol" dataField="symbol">
+ <js:itemRenderer>
+ <fx:Component>
+ <js:StringItemRenderer />
+ </fx:Component>
+ </js:itemRenderer>
+ </js:DataGridColumn>
+ <js:DataGridColumn label="Open" dataField="open">
+ <js:itemRenderer>
+ <fx:Component>
+ <renderers:StockRenderer />
+ </fx:Component>
+ </js:itemRenderer>
+ </js:DataGridColumn>
+ <js:DataGridColumn label="Last" dataField="last" >
+ <js:itemRenderer>
+ <fx:Component>
+ <renderers:StockRenderer />
+ </fx:Component>
+ </js:itemRenderer>
+ </js:DataGridColumn>
+ <js:DataGridColumn label="High" dataField="high" >
+ <js:itemRenderer>
+ <fx:Component>
+ <renderers:StockRenderer />
+ </fx:Component>
+ </js:itemRenderer>
+ </js:DataGridColumn>
+ <js:DataGridColumn label="Low" dataField="low" >
+ <js:itemRenderer>
+ <fx:Component>
+ <renderers:StockRenderer />
+ </fx:Component>
+ </js:itemRenderer>
+ </js:DataGridColumn>
+ </js:columns>
+ </js:DataGrid>
+
</js:View>