You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2020/12/05 13:16:34 UTC
[royale-asjs] 02/02: tour-de-jewel: add jewel numericstepper
binding test
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
commit 10d3a25c822564ac9ceb87d8814495ad77507c55
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sat Dec 5 14:16:17 2020 +0100
tour-de-jewel: add jewel numericstepper binding test
---
.../src/main/royale/NumericStepperPlayGround.mxml | 16 ++++++++++++++++
1 file changed, 16 insertions(+)
diff --git a/examples/jewel/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
index c3e87dc..793188c 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
@@ -28,9 +28,16 @@ limitations under the License.
private function valueChangeHandler(event:Event):void {
result.text = "Default NumericStepper: " + numericStepper.value;
}
+
+ [Bindable]
+ public var someBindableValue:Number = 5;
]]>
</fx:Script>
+ <c:beads>
+ <js:ContainerDataBinding />
+ </c:beads>
+
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
<j:beads>
<js:Paddings paddingTop="0" paddingLeft="50" paddingRight="50" paddingBottom="50"/>
@@ -65,6 +72,15 @@ limitations under the License.
<j:NumericStepper stepSize="2"/>
<j:Label text="NumericStepper stepSize='2'"/>
</j:HGroup>
+
+ <j:HGroup gap="3" itemsVerticalAlign="itemsCenter">
+ <j:NumericStepper stepSize="1"
+ minimum="0"
+ maximum="999"
+ value="{someBindableValue}" />
+ <j:Label text="NumericStepper value data binding"/>
+ </j:HGroup>
+
</j:Card>
</j:GridCell>