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 2018/09/19 14:57:01 UTC

[royale-asjs] branch develop updated: DateChooser selectedDate example

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


The following commit(s) were added to refs/heads/develop by this push:
     new 5eb99b4  DateChooser selectedDate example
5eb99b4 is described below

commit 5eb99b403a1df2f808f374472682f44518629639
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Wed Sep 19 16:56:51 2018 +0200

    DateChooser selectedDate example
---
 .../src/main/royale/DateComponentsPlayGround.mxml    | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/examples/royale/JewelExample/src/main/royale/DateComponentsPlayGround.mxml b/examples/royale/JewelExample/src/main/royale/DateComponentsPlayGround.mxml
index 3169461..188e204 100644
--- a/examples/royale/JewelExample/src/main/royale/DateComponentsPlayGround.mxml
+++ b/examples/royale/JewelExample/src/main/royale/DateComponentsPlayGround.mxml
@@ -77,9 +77,16 @@ limitations under the License.
 				dateFieldES.model.monthNames = ["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Deciembre"];
 				dateFieldES.model.firstDayOfWeek = 1;
 			}
+
+			[Bindable]
+			public var someDate:Date = new Date (1973,3,5);
 		]]>
 	</fx:Script>
 
+	<j:beads>
+        <js:ContainerDataBinding/>
+    </j:beads>
+
 	<j:Grid gap="true">
 		<j:GridCell desktopNumerator="1" desktopDenominator="2"
 					tabletNumerator="1" tabletDenominator="2"
@@ -140,5 +147,18 @@ limitations under the License.
 			</j:Card>
 		</j:GridCell>
 	</j:Grid>
+
+	<j:Grid gap="true">
+		<j:GridCell desktopNumerator="1" desktopDenominator="2"
+					tabletNumerator="1" tabletDenominator="2"
+					phoneNumerator="1" phoneDenominator="1">
+			<j:Card>
+				<html:H3 text="Jewel DateChooser - selectedDate: {someDate}"/>
+				<j:DateChooser id="dateChooserSelectedDate" change="dateChooserDefaultChanged()" selectedDate="{someDate}"/>
+				<j:Label multiline="true" html="&lt;strong>DateChooser selected date:&lt;/strong> {dateChooserSelectedDate.selectedDate}"  width="275"/>
+			</j:Card>
+		</j:GridCell>
+
+	</j:Grid>
 	
 </j:SectionContent>