flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From p...@apache.org
Subject git commit: [flex-asjs] [refs/heads/develop] - Updated DataBindingExample to work with recent changes.
Date Fri, 24 Mar 2017 14:26:22 GMT
Repository: flex-asjs
Updated Branches:
  refs/heads/develop 7af092b10 -> ca93c2c8d


Updated DataBindingExample to work with recent changes.


Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/ca93c2c8
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/ca93c2c8
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/ca93c2c8

Branch: refs/heads/develop
Commit: ca93c2c8db02caf7b74e4a2c6a5c802307c26d39
Parents: 7af092b
Author: Peter Ent <pent@apache.org>
Authored: Fri Mar 24 10:26:20 2017 -0400
Committer: Peter Ent <pent@apache.org>
Committed: Fri Mar 24 10:26:20 2017 -0400

----------------------------------------------------------------------
 .../src/main/flex/MyInitialView.mxml            | 79 ++++++++++----------
 1 file changed, 41 insertions(+), 38 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/ca93c2c8/examples/flexjs/DataBindingExample/src/main/flex/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/DataBindingExample/src/main/flex/MyInitialView.mxml b/examples/flexjs/DataBindingExample/src/main/flex/MyInitialView.mxml
index 9adb77d..c8d4b81 100644
--- a/examples/flexjs/DataBindingExample/src/main/flex/MyInitialView.mxml
+++ b/examples/flexjs/DataBindingExample/src/main/flex/MyInitialView.mxml
@@ -71,6 +71,10 @@ limitations under the License.
 	<fx:Style>
 		@namespace basic "library://ns.apache.org/flexjs/basic";
 		
+		.inner {
+			width: 400px;
+		}
+		
 		.output {
 			font-size: 20px;
 		}
@@ -80,16 +84,16 @@ limitations under the License.
         }
 		
         .leftSide {
-			margin: 5px;
-			width: 200px;
+			flex-grow: 1;
+			margin: 6px;
         }
 		
 		.symbolInput {
 		}
         
         .rightSide {
-			margin: 5px;
-			width: 200px;
+			flex-grow: 1;
+			margin: 6px;
         }
         
         .quoteButton {
@@ -109,41 +113,40 @@ limitations under the License.
 		
     <js:Label text="Enter Stock Symbol or choose from list:" />
 	
-    <js:Container className="inner" width="400">
-        <js:beads>
-            <js:HorizontalFlexLayout />
-        </js:beads>
-		
-        <js:Container className="leftSide">
-            <js:beads>
-                <js:VerticalLayout />
-            </js:beads>
-            <js:TextInput id="symbolTI" text="{MyModel(applicationModel).stockSymbol}"
className="symbolInput" width="50%" />
-            <js:TextButton text="Get Quote" className="quoteButton" width="50%"
-                              click="_symbol = symbolTI.text; dispatchEvent(new CustomEvent('buttonClicked'))"
/>
-            <js:Label id="field" text="{fieldText}"/>
-            <js:Label className="output" height="24" text="{MyModel(applicationModel).responseText}"
/>
-        </js:Container>
+	<js:Group className="inner">
+		<js:beads>
+			<js:HorizontalFlexLayout />
+		</js:beads>
 		
-        <js:Container className="rightSide">
-            <js:beads>
-                <js:VerticalFlexLayout />
-            </js:beads>
-            <js:DropDownList id="list" width="50%"
-                                change="_symbol = list.selectedItem as String; dispatchEvent(new
CustomEvent('listChanged'))"
-                                dataProvider="{MyModel(applicationModel).strings}" />
-            <js:RadioButton id="radio1" text="Price" value="Ask" groupName="group1" change="radioChanged(event)"/>
-            <js:RadioButton id="radio2" text="Change" value="Change" groupName="group1"
change="radioChanged(event)"/>
-            <js:RadioButton id="radio3" text="Day's High" value="DaysHigh" groupName="group1"
change="radioChanged(event)"/>
-            <js:RadioButton id="radio4" text="Day's Low" value="DaysLow" groupName="group1"
change="radioChanged(event)"/>
-            <js:CheckBox id="showAllData" text="Show All Data" change="setState()" />
-        </js:Container>
+		<js:Group className="leftSide">
+			<js:beads>
+				<js:VerticalFlexLayout />
+			</js:beads>
+			<js:TextInput id="symbolTI" text="{MyModel(applicationModel).stockSymbol}" className="symbolInput"
width="50%" />
+			<js:TextButton text="Get Quote" className="quoteButton" width="50%"
+						   click="_symbol = symbolTI.text; dispatchEvent(new CustomEvent('buttonClicked'))"
/>
+			<js:Label id="field" text="{fieldText}"/>
+			<js:Label className="output" height="24" text="{MyModel(applicationModel).responseText}"
/>
+		</js:Group>
 		
-    </js:Container>
+		<js:Group className="rightSide">
+			<js:beads>
+				<js:VerticalFlexLayout />
+			</js:beads>
+			<js:DropDownList id="list" width="50%"
+							 change="_symbol = list.selectedItem as String; dispatchEvent(new CustomEvent('listChanged'))"
+							 dataProvider="{MyModel(applicationModel).strings}" />
+			<js:RadioButton id="radio1" text="Price" value="Ask" groupName="group1" change="radioChanged(event)"/>
+			<js:RadioButton id="radio2" text="Change" value="Change" groupName="group1" change="radioChanged(event)"/>
+			<js:RadioButton id="radio3" text="Day's High" value="DaysHigh" groupName="group1" change="radioChanged(event)"/>
+			<js:RadioButton id="radio4" text="Day's Low" value="DaysLow" groupName="group1" change="radioChanged(event)"/>
+			<js:CheckBox id="showAllData" text="Show All Data" change="setState()" />
+		</js:Group>
+	</js:Group>
 	
-    <js:Label id="bindtest" text="{fieldText + ' expression binding'}" />
-    <js:Label width="300" text.showAll="110" includeIn="showAll" />
-    <js:TextArea id="ta" width="100%" height="100" height.showAll="110" 
-                    includeIn="showAll"
-                    text="{MyModel(applicationModel).allData}" />
+	<js:Label id="bindtest" text="{fieldText + ' expression binding'}" />
+	<js:Label width="300" text.showAll="110" includeIn="showAll" />
+	<js:TextArea id="ta" width="100%" height="100" height.showAll="110" 
+				 includeIn="showAll"
+				 text="{MyModel(applicationModel).allData}" />
 </js:View>


Mime
View raw message