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/feature/chart-work Commit: ca93c2c8db02caf7b74e4a2c6a5c802307c26d39 Parents: 7af092b Author: Peter Ent <[email protected]> Authored: Fri Mar 24 10:26:20 2017 -0400 Committer: Peter Ent <[email protected]> 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>
