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/07/23 22:41:15 UTC
git commit: [flex-asjs] [refs/heads/develop] - Adding new
ContainerTest to the examples.
Repository: flex-asjs
Updated Branches:
refs/heads/develop a3327854e -> 95cb140a8
Adding new ContainerTest to the examples.
Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/95cb140a
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/95cb140a
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/95cb140a
Branch: refs/heads/develop
Commit: 95cb140a872a376d0465c9c2898fd9589eafb97e
Parents: a332785
Author: Peter Ent <pe...@apache.org>
Authored: Thu Jul 23 16:41:13 2015 -0400
Committer: Peter Ent <pe...@apache.org>
Committed: Thu Jul 23 16:41:13 2015 -0400
----------------------------------------------------------------------
examples/ContainerTest/build.xml | 48 +++++
examples/ContainerTest/src/ContainerTest.mxml | 39 ++++
examples/ContainerTest/src/MyInitialView.mxml | 180 +++++++++++++++++++
.../ContainerTest/src/assets/logo_orange.png | Bin 0 -> 33897 bytes
.../ContainerTest/src/models/ProductsModel.as | 44 +++++
examples/ContainerTest/src/products/Product.as | 43 +++++
.../src/products/ProductItemRenderer.as | 83 +++++++++
examples/ContainerTest/src/smallbluerect.jpg | Bin 0 -> 13500 bytes
examples/ContainerTest/src/smallgreenrect.jpg | Bin 0 -> 13542 bytes
examples/ContainerTest/src/smallorangerect.gif | Bin 0 -> 821 bytes
examples/ContainerTest/src/smallorangerect.jpg | Bin 0 -> 13571 bytes
examples/ContainerTest/src/smallpurplerect.jpg | Bin 0 -> 13517 bytes
examples/ContainerTest/src/smallredrect.jpg | Bin 0 -> 13477 bytes
examples/ContainerTest/src/smallyellowrect.jpg | Bin 0 -> 13598 bytes
examples/build.xml | 2 +
.../flex/html/beads/models/ViewportModel.js | 162 +++++++++++++++++
.../html/supportClasses/ContainerContentArea.js | 60 +++++++
17 files changed, 661 insertions(+)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/95cb140a/examples/ContainerTest/build.xml
----------------------------------------------------------------------
diff --git a/examples/ContainerTest/build.xml b/examples/ContainerTest/build.xml
new file mode 100644
index 0000000..4c39a58
--- /dev/null
+++ b/examples/ContainerTest/build.xml
@@ -0,0 +1,48 @@
+<?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="containertest" default="main" basedir=".">
+ <property name="FLEXJS_HOME" location="../.."/>
+ <property name="example" value="ContainerTest" />
+
+ <property file="${FLEXJS_HOME}/env.properties"/>
+ <property environment="env"/>
+ <property file="${FLEXJS_HOME}/build.properties"/>
+ <property name="FLEX_HOME" value="${FLEXJS_HOME}"/>
+ <property name="FALCON_HOME" value="${env.FALCON_HOME}"/>
+ <property name="FALCONJX_HOME" value="${env.FALCONJX_HOME}"/>
+ <property name="GOOG_HOME" value="${env.GOOG_HOME}"/>
+
+ <include file="${basedir}/../build_example.xml" />
+
+<!-- temp remove build_example.compilejs -->
+ <target name="main" depends="clean,build_example.compile,build_example.compilejs" description="Clean build of ${example}">
+ </target>
+
+ <target name="clean">
+ <delete dir="${basedir}/bin" failonerror="false" />
+ <delete dir="${basedir}/bin-debug" failonerror="false" />
+ <delete dir="${basedir}/bin-release" failonerror="false" />
+ </target>
+
+
+
+</project>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/95cb140a/examples/ContainerTest/src/ContainerTest.mxml
----------------------------------------------------------------------
diff --git a/examples/ContainerTest/src/ContainerTest.mxml b/examples/ContainerTest/src/ContainerTest.mxml
new file mode 100644
index 0000000..5a101ef
--- /dev/null
+++ b/examples/ContainerTest/src/ContainerTest.mxml
@@ -0,0 +1,39 @@
+<?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/basic"
+ xmlns:beads="org.apache.flex.html.beads.*"
+ >
+
+ <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/95cb140a/examples/ContainerTest/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/ContainerTest/src/MyInitialView.mxml b/examples/ContainerTest/src/MyInitialView.mxml
new file mode 100644
index 0000000..70f7c4e
--- /dev/null
+++ b/examples/ContainerTest/src/MyInitialView.mxml
@@ -0,0 +1,180 @@
+<?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:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:local="*"
+ xmlns:models="models.*"
+ xmlns:js="library://ns.apache.org/flexjs/basic"
+ xmlns:controller="controller.*"
+ xmlns:views="views.*"
+ xmlns:beads="org.apache.flex.html.beads.*" xmlns:trial="trial.*"
+ >
+
+ <fx:Style>
+ @namespace js "library://ns.apache.org/flexjs/basic";
+ @namespace sample "products.*";
+
+ /* use className="productList" on the List element in place of itemRenderer if you want to specify
+ * the itemRenderer in a style definition along with other settings.
+ */
+ .productList {
+ IDataProviderItemRendererMapper: ClassReference("org.apache.flex.html.beads.DataItemRendererFactoryForArrayData");
+ IItemRenderer: ClassReference("products.ProductItemRenderer");
+ }
+
+ sample|ProductItemRenderer {
+ height: 50;
+ IBeadController: ClassReference("org.apache.flex.html.beads.controllers.ItemRendererMouseController");
+ }
+
+ .Container1 {
+ background-color: #FFCC22;
+ padding: 2px;
+ }
+
+ .Panel1 {
+ background-color: #CCFFCC;
+ padding: 2px;
+ }
+
+ .Container2 {
+ background-color: #AADDAA;
+ }
+
+ </fx:Style>
+
+ <fx:Script>
+ <![CDATA[
+ import org.apache.flex.html.Label;
+
+ private function addAChild() : void
+ {
+ var label1:Label = new Label();
+ label1.text = "Item: " + Math.random();
+ label1.height = 50;
+ vcon.addElement(label1);
+
+ var label2:Label = new Label();
+ label2.text = "Panel: " + Math.random();
+ label2.height = 50;
+ panel1.addElement(label2);
+
+ var label3:Label = new Label();
+ label3.text = "Random: " + Math.round(Math.random()*100);
+ tiler.addElement(label3);
+ }
+ ]]>
+ </fx:Script>
+ <js:beads>
+ <js:MXMLBeadViewBaseDataBinding />
+ </js:beads>
+
+ <!-- FIRST COLUMN -->
+
+ <js:HContainer id="hcon" x="20" y="40" width="400" height="100" className="Container1">
+ <js:Label text="Line 1" height="30" />
+ <js:Label text="Line 2" height="30" />
+ <js:Label text="Line 3 is wider" height="30" />
+ <js:Label text="Line 4" height="30" />
+ <js:Label text="Line 5" height="30" />
+ <js:Label text="Line 6" height="30" />
+ </js:HContainer>
+
+ <js:TextButton text="Add Child" x="20" y="180" click="addAChild()" />
+
+ <js:VContainer id="vcon" x="20" y="220" width="200" height="275" className="Container1">
+ <js:beads>
+ <js:ScrollingViewport />
+ </js:beads>
+ <js:Label text="Line 1" height="30" />
+ <js:Label text="Line 2" height="30" />
+ <js:Label text="Line 3 is wider" height="30" />
+ <js:Label text="Line 4" height="30" />
+ <js:Label text="Line 5" height="30" />
+ <js:Label text="Line 6" height="30" />
+ </js:VContainer>
+
+ <js:Container id="tiler" x="20" y="530" width="400" height="200" className="Container2">
+ <js:beads>
+ <js:TileLayout numColumns="4" rowHeight="50" />
+ <js:ScrollingViewport />
+ </js:beads>
+ <js:TextButton text="Button 1" />
+ <js:TextButton text="Button 2" />
+ <js:TextButton text="Button 3" />
+ <js:TextButton text="Button 4" />
+ <js:TextButton text="Button 5" />
+ <js:TextButton text="Button 6" />
+ <js:TextButton text="Button 7" />
+ <js:TextButton text="Button 8" />
+ <js:TextButton text="Button 9" />
+ <js:TextButton text="Button 10" />
+ <js:TextButton text="Button 11" />
+ <!--<js:TextButton text="Button 12" />
+ <js:TextButton text="Button 13" />
+ <js:TextButton text="Button 14" />
+ <js:TextButton text="Button 15" />
+ <js:TextButton text="Button 16" />
+ <js:TextButton text="Button 17" />-->
+ </js:Container>
+
+ <!-- SECOND COLUMN -->
+
+ <js:List id="productList" itemRenderer="products.ProductItemRenderer" className="productList"
+ x="500" y="40" width="200" height="150">
+ <js:beads>
+ <js:ConstantBinding
+ sourceID="applicationModel"
+ sourcePropertyName="productList"
+ destinationPropertyName="dataProvider" />
+ </js:beads>
+ </js:List>
+
+ <js:ButtonBar id="bbar" x="500" y="240" width="400" height="30">
+ <js:beads>
+ <js:ConstantBinding
+ sourceID="applicationModel"
+ sourcePropertyName="productList"
+ destinationPropertyName="dataProvider" />
+ </js:beads>
+ </js:ButtonBar>
+
+ <js:Panel id="panel1" title="Hello World" x="500" y="300" width="400" height="300" showCloseButton="true" className="Panel1">
+ <js:beads>
+ <js:ScrollingViewport />
+ <js:VerticalLayout />
+ </js:beads>
+ <js:Label text="Inside Panel" />
+ <js:Container id="nested" width="100%" height="50" className="Container2">
+ <js:Label text="Inside Nested" />
+ </js:Container>
+ <js:Label text="Bottom of Panel 1" height="30" />
+ <js:Label text="Bottom of Panel 2" height="30" />
+ <js:Label text="Bottom of Panel 3" height="30" />
+ <js:Label text="Bottom of Panel 4" height="30" />
+ <!--<js:Label text="Bottom of Panel 5" height="30" />
+ <js:Label text="Bottom of Panel 6" height="30" />
+ <js:Label text="Bottom of Panel 7" height="30" />
+ <js:Label text="Bottom of Panel 8" height="30" />
+ <js:Label text="Bottom of Panel 9" height="30" />-->
+ </js:Panel>
+
+
+</js:ViewBase>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/95cb140a/examples/ContainerTest/src/assets/logo_orange.png
----------------------------------------------------------------------
diff --git a/examples/ContainerTest/src/assets/logo_orange.png b/examples/ContainerTest/src/assets/logo_orange.png
new file mode 100755
index 0000000..c776c8c
Binary files /dev/null and b/examples/ContainerTest/src/assets/logo_orange.png differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/95cb140a/examples/ContainerTest/src/models/ProductsModel.as
----------------------------------------------------------------------
diff --git a/examples/ContainerTest/src/models/ProductsModel.as b/examples/ContainerTest/src/models/ProductsModel.as
new file mode 100644
index 0000000..b69b1dc
--- /dev/null
+++ b/examples/ContainerTest/src/models/ProductsModel.as
@@ -0,0 +1,44 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// 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.events.EventDispatcher;
+
+ import products.Product;
+
+ public class ProductsModel extends EventDispatcher
+ {
+ public function ProductsModel()
+ {
+ }
+
+ private var _productList:Array = [
+ new Product("ps100", "Widgets", "44", 100, "smallbluerect.jpg"),
+ new Product("tx200", "Thingys", "out of stock", 10000, "smallgreenrect.jpg"),
+ new Product("rz300", "Sprockets", "8,000", 10, "smallyellowrect.jpg"),
+ new Product("dh440", "DooHickies", "out of stock", 20000, "smallredrect.jpg"),
+ new Product("ps220", "Weejets", "235", 300, "smallorangerect.jpg")
+ ];
+ public function get productList():Array
+ {
+ return _productList;
+ }
+
+ }
+}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/95cb140a/examples/ContainerTest/src/products/Product.as
----------------------------------------------------------------------
diff --git a/examples/ContainerTest/src/products/Product.as b/examples/ContainerTest/src/products/Product.as
new file mode 100644
index 0000000..b4854a3
--- /dev/null
+++ b/examples/ContainerTest/src/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:String,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:String;
+ 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/95cb140a/examples/ContainerTest/src/products/ProductItemRenderer.as
----------------------------------------------------------------------
diff --git a/examples/ContainerTest/src/products/ProductItemRenderer.as b/examples/ContainerTest/src/products/ProductItemRenderer.as
new file mode 100644
index 0000000..f7ca68b
--- /dev/null
+++ b/examples/ContainerTest/src/products/ProductItemRenderer.as
@@ -0,0 +1,83 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// 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.Label;
+ import org.apache.flex.html.supportClasses.DataItemRenderer;
+
+ public class ProductItemRenderer extends DataItemRenderer
+ {
+ public function ProductItemRenderer()
+ {
+ super();
+ }
+
+ private var image:Image;
+ private var title:Label;
+ private var detail:Label;
+
+ override public function addedToParent():void
+ {
+ super.addedToParent();
+
+ // add an image and two labels
+ image = new Image();
+ addElement(image);
+
+ title = new Label();
+ addElement(title);
+
+ detail = new Label();
+ addElement(detail);
+ }
+
+ override public function get data():Object
+ {
+ return super.data;
+ }
+
+ override public function set data(value:Object):void
+ {
+ super.data = value;
+
+ image.source = data.image;
+ title.text = data.title;
+ detail.text = data.detail;
+ }
+
+ override public function adjustSize():void
+ {
+ var cy:Number = this.height/2;
+
+ image.x = 4;
+ image.y = cy - 16;
+ image.width = 32;
+ image.height = 32;
+
+ title.x = 40;
+ title.y = cy - 16;
+
+ detail.x = 40;
+ detail.y = cy;
+
+ updateRenderer();
+ }
+ }
+}
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/95cb140a/examples/ContainerTest/src/smallbluerect.jpg
----------------------------------------------------------------------
diff --git a/examples/ContainerTest/src/smallbluerect.jpg b/examples/ContainerTest/src/smallbluerect.jpg
new file mode 100755
index 0000000..80ed275
Binary files /dev/null and b/examples/ContainerTest/src/smallbluerect.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/95cb140a/examples/ContainerTest/src/smallgreenrect.jpg
----------------------------------------------------------------------
diff --git a/examples/ContainerTest/src/smallgreenrect.jpg b/examples/ContainerTest/src/smallgreenrect.jpg
new file mode 100755
index 0000000..c5f9ce6
Binary files /dev/null and b/examples/ContainerTest/src/smallgreenrect.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/95cb140a/examples/ContainerTest/src/smallorangerect.gif
----------------------------------------------------------------------
diff --git a/examples/ContainerTest/src/smallorangerect.gif b/examples/ContainerTest/src/smallorangerect.gif
new file mode 100644
index 0000000..603f810
Binary files /dev/null and b/examples/ContainerTest/src/smallorangerect.gif differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/95cb140a/examples/ContainerTest/src/smallorangerect.jpg
----------------------------------------------------------------------
diff --git a/examples/ContainerTest/src/smallorangerect.jpg b/examples/ContainerTest/src/smallorangerect.jpg
new file mode 100755
index 0000000..4982d87
Binary files /dev/null and b/examples/ContainerTest/src/smallorangerect.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/95cb140a/examples/ContainerTest/src/smallpurplerect.jpg
----------------------------------------------------------------------
diff --git a/examples/ContainerTest/src/smallpurplerect.jpg b/examples/ContainerTest/src/smallpurplerect.jpg
new file mode 100755
index 0000000..201f625
Binary files /dev/null and b/examples/ContainerTest/src/smallpurplerect.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/95cb140a/examples/ContainerTest/src/smallredrect.jpg
----------------------------------------------------------------------
diff --git a/examples/ContainerTest/src/smallredrect.jpg b/examples/ContainerTest/src/smallredrect.jpg
new file mode 100644
index 0000000..d2cfa31
Binary files /dev/null and b/examples/ContainerTest/src/smallredrect.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/95cb140a/examples/ContainerTest/src/smallyellowrect.jpg
----------------------------------------------------------------------
diff --git a/examples/ContainerTest/src/smallyellowrect.jpg b/examples/ContainerTest/src/smallyellowrect.jpg
new file mode 100755
index 0000000..b17b62d
Binary files /dev/null and b/examples/ContainerTest/src/smallyellowrect.jpg differ
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/95cb140a/examples/build.xml
----------------------------------------------------------------------
diff --git a/examples/build.xml b/examples/build.xml
index fc48330..d6050c0 100644
--- a/examples/build.xml
+++ b/examples/build.xml
@@ -75,6 +75,7 @@
<target name="compile" description="Compile Examples" >
<ant dir="${basedir}/CordovaCameraExample"/>
+ <ant dir="${basedir}/ContainerTest"/>
<ant dir="${basedir}/DataBindingTest"/>
<ant dir="${basedir}/DataBindingTest_as"/>
<ant dir="${basedir}/DataGridExample"/>
@@ -113,6 +114,7 @@
<target name="clean" description="Cleans all SWCs and their resource bundles">
<ant dir="${basedir}/CordovaCameraExample" target="clean"/>
+ <ant dir="${basedir}/ContainerTest" target="clean"/>
<ant dir="${basedir}/DataBindingTest" target="clean"/>
<ant dir="${basedir}/DataBindingTest_as" target="clean"/>
<ant dir="${basedir}/DataGridExample" target="clean"/>
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/95cb140a/frameworks/projects/HTML/js/src/org/apache/flex/html/beads/models/ViewportModel.js
----------------------------------------------------------------------
diff --git a/frameworks/projects/HTML/js/src/org/apache/flex/html/beads/models/ViewportModel.js b/frameworks/projects/HTML/js/src/org/apache/flex/html/beads/models/ViewportModel.js
new file mode 100644
index 0000000..e0a245f
--- /dev/null
+++ b/frameworks/projects/HTML/js/src/org/apache/flex/html/beads/models/ViewportModel.js
@@ -0,0 +1,162 @@
+/**
+ * Licensed 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.
+ */
+
+goog.provide('org.apache.flex.html.beads.models.ViewportModel');
+
+goog.require('org.apache.flex.core.IStrand');
+goog.require('org.apache.flex.core.IViewportModel');
+goog.require('org.apache.flex.events.Event');
+goog.require('org.apache.flex.events.EventDispatcher');
+
+
+
+/**
+ * @constructor
+ * @extends {org.apache.flex.events.EventDispatcher}
+ * @implements {org.apache.flex.core.IViewportModel}
+ */
+org.apache.flex.html.beads.models.ViewportModel = function() {
+ org.apache.flex.html.beads.models.ViewportModel.base(this, 'constructor');
+};
+goog.inherits(
+ org.apache.flex.html.beads.models.ViewportModel,
+ org.apache.flex.events.EventDispatcher);
+
+
+/**
+ * Metadata
+ *
+ * @type {Object.<string, Array.<Object>>}
+ */
+org.apache.flex.html.beads.models.ViewportModel.prototype.FLEXJS_CLASS_INFO =
+ { names: [{ name: 'ViewportModel',
+ qName: 'org.apache.flex.html.beads.models.ViewportModel' }],
+ interfaces: [org.apache.flex.core.IViewportModel]
+ };
+
+
+/**
+ * @private
+ * @type {Object}
+ */
+org.apache.flex.html.beads.models.ViewportModel.prototype.strand_ = null;
+
+
+/**
+ * @public
+ * @type {Object}
+ */
+org.apache.flex.html.beads.models.ViewportModel.prototype.contentIsHost = null;
+
+
+/**
+ * @private
+ * @type {Object}
+ */
+org.apache.flex.html.beads.models.ViewportModel.prototype.contentArea_ = null;
+
+
+/**
+ * @public
+ * @type {Number}
+ */
+org.apache.flex.html.beads.models.ViewportModel.prototype.contentWidth = null;
+
+
+/**
+ * @public
+ * @type {Number}
+ */
+org.apache.flex.html.beads.models.ViewportModel.prototype.contentHeight = null;
+
+
+/**
+ * @public
+ * @type {Number}
+ */
+org.apache.flex.html.beads.models.ViewportModel.prototype.contentX = null;
+
+
+/**
+ * @public
+ * @type {Number}
+ */
+org.apache.flex.html.beads.models.ViewportModel.prototype.contentY = null;
+
+
+/**
+ * @public
+ * @type {Number}
+ */
+org.apache.flex.html.beads.models.ViewportModel.prototype.viewportWidth = null;
+
+
+/**
+ * @public
+ * @type {Number}
+ */
+org.apache.flex.html.beads.models.ViewportModel.prototype.viewportHeight = null;
+
+
+/**
+ * @public
+ * @type {Number}
+ */
+org.apache.flex.html.beads.models.ViewportModel.prototype.viewportX = null;
+
+
+/**
+ * @public
+ * @type {Number}
+ */
+org.apache.flex.html.beads.models.ViewportModel.prototype.viewportY = null;
+
+
+/**
+ * @public
+ * @type {Number}
+ */
+org.apache.flex.html.beads.models.ViewportModel.prototype.verticalScrollPosition = null;
+
+
+/**
+ * @public
+ * @type {Number}
+ */
+org.apache.flex.html.beads.models.ViewportModel.prototype.horizontalScrollPosition = null;
+
+
+Object.defineProperties(org.apache.flex.html.beads.models.ViewportModel.prototype, {
+ /** @export */
+ contentArea: {
+ /** @this {org.apache.flex.html.beads.models.ViewportModel} */
+ get: function() {
+ return this.contentArea_;
+ },
+ set: function(value) {
+ this.contentArea_ = value;
+ }
+ },
+ /** @export */
+ strand: {
+ /** @this {org.apache.flex.html.beads.models.ViewportModel} */
+ set: function(value) {
+ this.strand_ = value;
+ },
+ get: function() {
+ return this.strand_;
+ }
+ }
+
+});
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/95cb140a/frameworks/projects/HTML/js/src/org/apache/flex/html/supportClasses/ContainerContentArea.js
----------------------------------------------------------------------
diff --git a/frameworks/projects/HTML/js/src/org/apache/flex/html/supportClasses/ContainerContentArea.js b/frameworks/projects/HTML/js/src/org/apache/flex/html/supportClasses/ContainerContentArea.js
new file mode 100644
index 0000000..3eedbb7
--- /dev/null
+++ b/frameworks/projects/HTML/js/src/org/apache/flex/html/supportClasses/ContainerContentArea.js
@@ -0,0 +1,60 @@
+/**
+ * Licensed 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.
+ */
+
+goog.provide('org.apache.flex.html.supportClasses.ContainerContentArea');
+
+goog.require('org.apache.flex.core.UIBase');
+
+
+
+/**
+ * @constructor
+ * @extends {org.apache.flex.core.UIBase}
+ */
+org.apache.flex.html.supportClasses.ContainerContentArea =
+function() {
+ org.apache.flex.html.supportClasses.ContainerContentArea.base(this, 'constructor');
+};
+goog.inherits(
+ org.apache.flex.html.supportClasses.ContainerContentArea,
+ org.apache.flex.core.UIBase);
+
+
+/**
+ * Metadata
+ *
+ * @type {Object.<string, Array.<Object>>}
+ */
+org.apache.flex.html.supportClasses.ContainerContentArea.prototype.FLEXJS_CLASS_INFO =
+ { names: [{ name: 'ContainerContentArea',
+ qName: 'org.apache.flex.html.supportClasses.ContainerContentArea' }]};
+
+
+/**
+ * @override
+ */
+org.apache.flex.html.supportClasses.ContainerContentArea.prototype.createElement =
+ function() {
+ this.element = document.createElement('div');
+
+ this.positioner = this.element;
+ // absolute positioned children need a non-null
+ // position value in the parent. It might
+ // get set to 'absolute' if the container is
+ // also absolutely positioned
+ this.positioner.style.position = 'relative';
+ this.element.flexjs_wrapper = this;
+
+ return this.element;
+};