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 2017/09/20 20:37:51 UTC
git commit: [flex-asjs] [refs/heads/develop] - Added an example of
the Express DataGrid to the Express example set.
Repository: flex-asjs
Updated Branches:
refs/heads/develop d311cf99c -> 4742928e2
Added an example of the Express DataGrid to the Express example set.
Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/4742928e
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/4742928e
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/4742928e
Branch: refs/heads/develop
Commit: 4742928e2278f977f6f41c1a5a79131fa0947f9b
Parents: d311cf9
Author: Peter Ent <pe...@apache.org>
Authored: Wed Sep 20 16:37:49 2017 -0400
Committer: Peter Ent <pe...@apache.org>
Committed: Wed Sep 20 16:37:49 2017 -0400
----------------------------------------------------------------------
examples/build.xml | 3 +
examples/express/DataGridExample/README.txt | 30 +++++++++
examples/express/DataGridExample/build.xml | 66 ++++++++++++++++++
examples/express/DataGridExample/pom.xml | 62 +++++++++++++++++
.../src/main/flex/DataGridExample.mxml | 36 ++++++++++
.../src/main/flex/MyInitialView.mxml | 67 +++++++++++++++++++
.../src/main/flex/models/MyDataGridModel.as | 18 +++++
.../src/main/flex/models/MyPresentationModel.as | 12 ++++
.../src/main/flex/models/MyTextModel.as | 18 +++++
.../src/main/flex/models/ProductsModel.as | 52 ++++++++++++++
.../src/main/flex/products/Product.as | 43 ++++++++++++
.../main/flex/products/ProductItemRenderer.as | 66 ++++++++++++++++++
.../src/main/resources/assets/smallbluerect.jpg | Bin 0 -> 13500 bytes
.../main/resources/assets/smallgreenrect.jpg | Bin 0 -> 13542 bytes
.../main/resources/assets/smallorangerect.gif | Bin 0 -> 821 bytes
.../main/resources/assets/smallorangerect.jpg | Bin 0 -> 13571 bytes
.../main/resources/assets/smallpurplerect.jpg | Bin 0 -> 13517 bytes
.../src/main/resources/assets/smallredrect.jpg | Bin 0 -> 13477 bytes
.../main/resources/assets/smallyellowrect.jpg | Bin 0 -> 13598 bytes
19 files changed, 473 insertions(+)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/build.xml
----------------------------------------------------------------------
diff --git a/examples/build.xml b/examples/build.xml
index 9d7e3cd..a6aaf53 100644
--- a/examples/build.xml
+++ b/examples/build.xml
@@ -75,6 +75,7 @@
<target name="compile" description="Compile Examples" >
<ant dir="${basedir}/express/DataBindingExample"/>
+ <ant dir="${basedir}/express/DataGridExample"/>
<ant dir="${basedir}/flexjs/ASDoc"/>
<ant dir="${basedir}/flexjs/CordovaCameraExample"/>
<ant dir="${basedir}/flexjs/CreateJSExample"/>
@@ -121,6 +122,7 @@
<target name="clean" description="Cleans all SWCs and their resource bundles">
<ant dir="${basedir}/express/DataBindingExample" target="clean"/>
+ <ant dir="${basedir}/express/DataGridExample" target="clean"/>
<ant dir="${basedir}/flexjs/ASDoc" target="clean"/>
<ant dir="${basedir}/flexjs/CordovaCameraExample" target="clean"/>
<ant dir="${basedir}/flexjs/CreateJSExample" target="clean"/>
@@ -157,6 +159,7 @@
<target name="examine" description="Cleans all SWCs and their resource bundles">
<ant dir="${basedir}/express/DataBindingExample" target="examine"/>
+ <ant dir="${basedir}/express/DataGridExample" target="examine"/>
<ant dir="${basedir}/flexjs/ASDoc" target="examine"/>
<ant dir="${basedir}/flexjs/CordovaCameraExample" target="examine"/>
<ant dir="${basedir}/flexjs/CreateJSExample" target="examine"/>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/README.txt
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/README.txt b/examples/express/DataGridExample/README.txt
new file mode 100644
index 0000000..5799a7b
--- /dev/null
+++ b/examples/express/DataGridExample/README.txt
@@ -0,0 +1,30 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+DESCRIPTION
+
+The DataGridExample in the Express project demonstrates the FlexJS DataGrid with
+the addition of beads that provide drag-and-drop support.
+
+This Flex application may be run as a Flash SWF or cross-compiled (using Falcon JX)
+into JavaScript and HTML and run without Flash.
+
+The data for the DataGrid is found in the application's model and is connected
+using a ConstantBinding bead which ties a property of a model to a property
+in a component, in this case, the DataGrid's dataProvider property.
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/build.xml
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/build.xml b/examples/express/DataGridExample/build.xml
new file mode 100644
index 0000000..a268315
--- /dev/null
+++ b/examples/express/DataGridExample/build.xml
@@ -0,0 +1,66 @@
+<?xml version="1.0"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+
+<project name="datagridexample" default="main" basedir=".">
+ <property name="FLEXJS_HOME" location="../../.."/>
+ <property name="example" value="DataGridExample" />
+
+ <property file="${FLEXJS_HOME}/env.properties"/>
+ <property environment="env"/>
+ <property file="${FLEXJS_HOME}/build.properties"/>
+ <property name="FLEX_HOME" value="${FLEXJS_HOME}"/>
+
+ <include file="${basedir}/../../build_example.xml" />
+
+ <target name="main" depends="clean,build_example.compile" description="Clean build of ${example}">
+ <mkdir dir="${basedir}/bin/js-debug/assets" />
+ <copy todir="${basedir}/bin/js-debug/assets" >
+ <fileset dir="${basedir}/src/main/resources/assets">
+ <include name="**" />
+ </fileset>
+ </copy>
+ <mkdir dir="${basedir}/bin/js-release/assets" />
+ <copy todir="${basedir}/bin/js-release/assets" >
+ <fileset dir="${basedir}/src/main/resources/assets">
+ <include name="**" />
+ </fileset>
+ </copy>
+ </target>
+
+ <target name="clean">
+ <delete dir="${basedir}/bin" failonerror="false" />
+ <delete dir="${basedir}/bin-debug" failonerror="false" />
+ <delete dir="${basedir}/bin-release" failonerror="false" />
+ <delete dir="${basedir}/target" failonerror="false" />
+ </target>
+
+ <target name="examine" depends="build_example.get.browser">
+ <property name="which" value="debug" />
+ <echo message="Click on the cells in the datagrid."/>
+ <exec executable="${browser}" dir="${basedir}/bin-${which}" failonerror="true">
+ <arg value="${basedir}/bin-${which}/${example}.html"/>
+ </exec>
+ <exec executable="${browser}" dir="${basedir}/bin/js-${which}" failonerror="true">
+ <arg value="${basedir}/bin/js-${which}/index.html"/>
+ </exec>
+ </target>
+
+</project>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/pom.xml
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/pom.xml b/examples/express/DataGridExample/pom.xml
new file mode 100644
index 0000000..c7e0468
--- /dev/null
+++ b/examples/express/DataGridExample/pom.xml
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+ <modelVersion>4.0.0</modelVersion>
+
+ <!--
+ Flash Version: CSS problems
+ -->
+
+ <parent>
+ <groupId>org.apache.flex.flexjs.examples</groupId>
+ <artifactId>examples-flexjs</artifactId>
+ <version>0.9.0-SNAPSHOT</version>
+ </parent>
+
+ <artifactId>DataGridExample</artifactId>
+ <version>0.9.0-SNAPSHOT</version>
+ <packaging>swf</packaging>
+
+ <name>Apache Flex - FlexJS: Examples: FlexJS: DataGridExample</name>
+
+ <build>
+ <plugins>
+ <plugin>
+ <groupId>org.apache.flex.flexjs.compiler</groupId>
+ <artifactId>flexjs-maven-plugin</artifactId>
+ <extensions>true</extensions>
+ <configuration>
+ <mainClass>DataGridExample.mxml</mainClass>
+ </configuration>
+ </plugin>
+ </plugins>
+ </build>
+
+ <dependencies>
+ <dependency>
+ <groupId>com.adobe.flash.framework</groupId>
+ <artifactId>playerglobal</artifactId>
+ <version>${flash.version}</version>
+ <type>swc</type>
+ <scope>provided</scope>
+ </dependency>
+ </dependencies>
+
+</project>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/src/main/flex/DataGridExample.mxml
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/src/main/flex/DataGridExample.mxml b/examples/express/DataGridExample/src/main/flex/DataGridExample.mxml
new file mode 100644
index 0000000..a52ec5b
--- /dev/null
+++ b/examples/express/DataGridExample/src/main/flex/DataGridExample.mxml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!---
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+-->
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:local="*"
+ xmlns:models="models.*"
+ xmlns:js="library://ns.apache.org/flexjs/express"
+ >
+
+ <js:valuesImpl>
+ <js:SimpleCSSValuesImpl />
+ </js:valuesImpl>
+ <js:model>
+ <models:ProductsModel />
+ </js:model>
+ <js:initialView>
+ <local:MyInitialView />
+ </js:initialView>
+</js:Application>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/src/main/flex/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/src/main/flex/MyInitialView.mxml b/examples/express/DataGridExample/src/main/flex/MyInitialView.mxml
new file mode 100644
index 0000000..15e5eff
--- /dev/null
+++ b/examples/express/DataGridExample/src/main/flex/MyInitialView.mxml
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+Licensed to the Apache Software Foundation (ASF) under one or more
+contributor license agreements. See the NOTICE file distributed with
+this work for additional information regarding copyright ownership.
+The ASF licenses this file to You under the Apache License, Version 2.0
+(the "License"); you may not use this file except in compliance with
+the License. You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+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/express">
+ <fx:Script>
+ <![CDATA[
+ import org.apache.flex.express.DataGrid;
+
+ public function dataGridChange(grid:DataGrid) : void
+ {
+ output.text = "Clicked on row "+grid.selectedIndex;
+ trace("Click on row "+grid.selectedIndex);
+ }
+
+ [Bindable]
+ private var nameList:Array = ["Bob", "Joe", "Frank", "Sally", "Mike", "Amy", "Karen", "Will", "Grace", "Jack"];
+
+ ]]>
+ </fx:Script>
+
+ <fx:Style>
+ @namespace js "library://ns.apache.org/flexjs/basic";
+
+ /* These border lines currently show only on HTML */
+ .opt_org-apache-flex-html-DataGrid_ListArea .middle {
+ border-left: solid 1px #333333;
+ border-right: solid 1px #333333;
+ }
+
+ </fx:Style>
+
+ <js:Label id="output" x="450" y="30"/>
+
+
+ <js:DataGrid id="dataGrid" x="20" y="30" width="400" height="200" change="dataGridChange(dataGrid)" rowHeight="40">
+ <js:beads>
+ <js:ConstantBinding
+ sourceID="applicationModel"
+ sourcePropertyName="productList"
+ destinationPropertyName="dataProvider" />
+ </js:beads>
+ <js:columns>
+ <js:DataGridColumn label="Image" dataField="image" columnWidth="50" itemRenderer="products.ProductItemRenderer" />
+ <js:DataGridColumn label="Title" dataField="title" columnWidth="250" />
+ <js:DataGridColumn label="Sales" dataField="sales" columnWidth="100" />
+ </js:columns>
+ </js:DataGrid>
+
+
+</js:View>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/src/main/flex/models/MyDataGridModel.as
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/src/main/flex/models/MyDataGridModel.as b/examples/express/DataGridExample/src/main/flex/models/MyDataGridModel.as
new file mode 100644
index 0000000..582ad1c
--- /dev/null
+++ b/examples/express/DataGridExample/src/main/flex/models/MyDataGridModel.as
@@ -0,0 +1,18 @@
+package models
+{
+ import org.apache.flex.html.beads.models.DataGridModel;
+
+ public class MyDataGridModel extends DataGridModel
+ {
+ public function MyDataGridModel()
+ {
+ super();
+ trace("This is my DataGrid model");
+ }
+
+ override public function set columns(value:Array):void
+ {
+ super.columns = value;
+ }
+ }
+}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/src/main/flex/models/MyPresentationModel.as
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/src/main/flex/models/MyPresentationModel.as b/examples/express/DataGridExample/src/main/flex/models/MyPresentationModel.as
new file mode 100644
index 0000000..306140d
--- /dev/null
+++ b/examples/express/DataGridExample/src/main/flex/models/MyPresentationModel.as
@@ -0,0 +1,12 @@
+package models
+{
+ import org.apache.flex.html.beads.models.DataGridPresentationModel;
+
+ public class MyPresentationModel extends DataGridPresentationModel
+ {
+ public function MyPresentationModel()
+ {
+ super();
+ }
+ }
+}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/src/main/flex/models/MyTextModel.as
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/src/main/flex/models/MyTextModel.as b/examples/express/DataGridExample/src/main/flex/models/MyTextModel.as
new file mode 100644
index 0000000..8d61e66
--- /dev/null
+++ b/examples/express/DataGridExample/src/main/flex/models/MyTextModel.as
@@ -0,0 +1,18 @@
+package models
+{
+ import org.apache.flex.html.beads.models.TextModel;
+
+ public class MyTextModel extends TextModel
+ {
+ public function MyTextModel()
+ {
+ trace("This is my text model");
+ super();
+ }
+
+ override public function set text(value:String):void
+ {
+ super.text = value;
+ }
+ }
+}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/src/main/flex/models/ProductsModel.as
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/src/main/flex/models/ProductsModel.as b/examples/express/DataGridExample/src/main/flex/models/ProductsModel.as
new file mode 100644
index 0000000..72ef518
--- /dev/null
+++ b/examples/express/DataGridExample/src/main/flex/models/ProductsModel.as
@@ -0,0 +1,52 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package models
+{
+ import org.apache.flex.collections.ArrayList;
+ import products.Product;
+
+ public class ProductsModel
+ {
+ private var _productList:ArrayList = new ArrayList([
+ new Product("ps100","Widgets",44,200,"assets/smallbluerect.jpg"),
+ new Product("tx200","Thingys",5,285,"assets/smallgreenrect.jpg"),
+ new Product("rz300","Sprockets",80,105,"assets/smallyellowrect.jpg"),
+ new Product("dh440","Doohickies",10,340,"assets/smallredrect.jpg"),
+ new Product("ps220","Weejets",35,190,"assets/smallorangerect.jpg")
+ ]);
+
+ public function get productList():ArrayList
+ {
+ return _productList;
+ }
+
+ private var _productList2:ArrayList = new ArrayList([
+ new Product("ps100","Widgets",44,200,"assets/smallbluerect.jpg"),
+ new Product("tx200","Thingys",5,285,"assets/smallgreenrect.jpg"),
+ new Product("rz300","Sprockets",80,105,"assets/smallyellowrect.jpg"),
+ new Product("dh440","Doohickies",10,340,"assets/smallredrect.jpg"),
+ new Product("ps220","Weejets",35,190,"assets/smallorangerect.jpg")
+ ]);
+
+ public function get productList2():ArrayList
+ {
+ return _productList2;
+ }
+ }
+}
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/src/main/flex/products/Product.as
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/src/main/flex/products/Product.as b/examples/express/DataGridExample/src/main/flex/products/Product.as
new file mode 100644
index 0000000..fd4b31e
--- /dev/null
+++ b/examples/express/DataGridExample/src/main/flex/products/Product.as
@@ -0,0 +1,43 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package products
+{
+ public class Product
+ {
+ public function Product(id:String,title:String,detail:Number,sales:Number,image:String)
+ {
+ this.id = id;
+ this.title = title;
+ this.detail = detail;
+ this.sales = sales;
+ this.image = image;
+ }
+
+ public var id:String;
+ public var title:String;
+ public var detail:Number;
+ public var image:String;
+ public var sales:Number;
+
+ public function toString():String
+ {
+ return title;
+ }
+ }
+}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/src/main/flex/products/ProductItemRenderer.as
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/src/main/flex/products/ProductItemRenderer.as b/examples/express/DataGridExample/src/main/flex/products/ProductItemRenderer.as
new file mode 100644
index 0000000..eec3730
--- /dev/null
+++ b/examples/express/DataGridExample/src/main/flex/products/ProductItemRenderer.as
@@ -0,0 +1,66 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package products
+{
+ import org.apache.flex.html.Image;
+ import org.apache.flex.html.supportClasses.DataItemRenderer;
+
+ public class ProductItemRenderer extends DataItemRenderer
+ {
+ public function ProductItemRenderer()
+ {
+ super();
+ }
+
+ private var image:Image;
+
+ override public function addedToParent():void
+ {
+ super.addedToParent();
+
+ // add an image and two labels
+ image = new Image();
+ addElement(image);
+ }
+
+ override public function get data():Object
+ {
+ return super.data;
+ }
+
+ override public function set data(value:Object):void
+ {
+ super.data = value;
+
+ image.src = value.image;
+ }
+
+ override public function adjustSize():void
+ {
+ var cy:Number = this.height/2;
+
+ image.x = 4;
+ image.y = cy - 16;
+ image.width = 32;
+ image.height = 32;
+
+ updateRenderer();
+ }
+ }
+}
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/src/main/resources/assets/smallbluerect.jpg
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/src/main/resources/assets/smallbluerect.jpg b/examples/express/DataGridExample/src/main/resources/assets/smallbluerect.jpg
new file mode 100644
index 0000000..80ed275
Binary files /dev/null and b/examples/express/DataGridExample/src/main/resources/assets/smallbluerect.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/src/main/resources/assets/smallgreenrect.jpg
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/src/main/resources/assets/smallgreenrect.jpg b/examples/express/DataGridExample/src/main/resources/assets/smallgreenrect.jpg
new file mode 100644
index 0000000..c5f9ce6
Binary files /dev/null and b/examples/express/DataGridExample/src/main/resources/assets/smallgreenrect.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/src/main/resources/assets/smallorangerect.gif
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/src/main/resources/assets/smallorangerect.gif b/examples/express/DataGridExample/src/main/resources/assets/smallorangerect.gif
new file mode 100644
index 0000000..603f810
Binary files /dev/null and b/examples/express/DataGridExample/src/main/resources/assets/smallorangerect.gif differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/src/main/resources/assets/smallorangerect.jpg
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/src/main/resources/assets/smallorangerect.jpg b/examples/express/DataGridExample/src/main/resources/assets/smallorangerect.jpg
new file mode 100644
index 0000000..4982d87
Binary files /dev/null and b/examples/express/DataGridExample/src/main/resources/assets/smallorangerect.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/src/main/resources/assets/smallpurplerect.jpg
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/src/main/resources/assets/smallpurplerect.jpg b/examples/express/DataGridExample/src/main/resources/assets/smallpurplerect.jpg
new file mode 100644
index 0000000..201f625
Binary files /dev/null and b/examples/express/DataGridExample/src/main/resources/assets/smallpurplerect.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/src/main/resources/assets/smallredrect.jpg
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/src/main/resources/assets/smallredrect.jpg b/examples/express/DataGridExample/src/main/resources/assets/smallredrect.jpg
new file mode 100644
index 0000000..d2cfa31
Binary files /dev/null and b/examples/express/DataGridExample/src/main/resources/assets/smallredrect.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/4742928e/examples/express/DataGridExample/src/main/resources/assets/smallyellowrect.jpg
----------------------------------------------------------------------
diff --git a/examples/express/DataGridExample/src/main/resources/assets/smallyellowrect.jpg b/examples/express/DataGridExample/src/main/resources/assets/smallyellowrect.jpg
new file mode 100644
index 0000000..b17b62d
Binary files /dev/null and b/examples/express/DataGridExample/src/main/resources/assets/smallyellowrect.jpg differ