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/03/24 14:26:22 UTC
git commit: [flex-asjs] [refs/heads/develop] - Updated
DataBindingExample to work with recent changes.
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 <pe...@apache.org>
Authored: Fri Mar 24 10:26:20 2017 -0400
Committer: Peter Ent <pe...@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>