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/02 21:43:28 UTC
[royale-asjs] branch develop updated: update JewelExample
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 53606d6 update JewelExample
53606d6 is described below
commit 53606d6de1c0d449475673ef4ff202e9092a4e5d
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sun Sep 2 23:43:23 2018 +0200
update JewelExample
---
.../src/main/royale/DropDownListPlayGround.mxml | 149 ++++++++++++++-------
.../src/main/royale/TablePlayGround.mxml | 2 +-
2 files changed, 104 insertions(+), 47 deletions(-)
diff --git a/examples/royale/JewelExample/src/main/royale/DropDownListPlayGround.mxml b/examples/royale/JewelExample/src/main/royale/DropDownListPlayGround.mxml
index b5f133d..cb94b63 100644
--- a/examples/royale/JewelExample/src/main/royale/DropDownListPlayGround.mxml
+++ b/examples/royale/JewelExample/src/main/royale/DropDownListPlayGround.mxml
@@ -52,63 +52,107 @@ limitations under the License.
</j:model>
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1"
phoneNumerator="1" phoneDenominator="1">
+
<j:Card>
-
- <html:H3 text="Jewel DropDownList (String Collection)"/>
-
- <j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
- <j:DropDownList id="watchmenDropDownList" dataProvider="{listModel.watchmen}" change="watchmenDropDownListHandler(event)"/>
- <j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
- <j:Label text="Select Index: "/>
- <j:NumericStepper valueChange="watchmenDropDownList.selectedIndex = event.target.value" minimum="0" maximum="5"/>
- </j:HGroup>
- <j:Label id="watchmenDropDownListResult" html="<strong>DropDownList selectedItem:</strong> "/>
- </j:HGroup>
- </j:Card>
+ <html:H3 text="Jewel ComboBox (String Collection)"/>
+ <j:Grid gap="true" itemsVerticalAlign="itemsCentered">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3"
+ tabletNumerator="1" tabletDenominator="3"
+ phoneNumerator="1" phoneDenominator="1"
+ itemsVerticalAlign="itemsCentered" width="290">
+ <j:ComboBox id="watchmenComboBox" dataProvider="{listModel.watchmen}" change="watchmenComboBoxSelectedItem(event)"/>
+ </j:GridCell>
+ <j:GridCell desktopNumerator="1" desktopDenominator="3"
+ tabletNumerator="1" tabletDenominator="3"
+ phoneNumerator="1" phoneDenominator="1"
+ itemsVerticalAlign="itemsCentered" width="290">
+ <j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
+ <j:Label text="Select Index: "/>
+ <j:NumericStepper valueChange="watchmenComboBox.selectedIndex = event.target.value" minimum="0" maximum="5"/>
+ </j:HGroup>
+ </j:GridCell>
+ <j:GridCell desktopNumerator="1" desktopDenominator="3"
+ tabletNumerator="1" tabletDenominator="3"
+ phoneNumerator="1" phoneDenominator="1"
+ itemsVerticalAlign="itemsCentered" width="290">
+ <j:Label id="watchmenComboBoxResult" html="<strong>ComboBox selectedItem:</strong> "/>
+ </j:GridCell>
+ </j:Grid>
+ </j:Card>
</j:GridCell>
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1"
phoneNumerator="1" phoneDenominator="1">
-
<j:Card>
-
- <html:H3 text="Jewel ComboBox (String Collection)"/>
-
- <j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
- <j:ComboBox id="watchmenComboBox" dataProvider="{listModel.watchmen}" change="watchmenComboBoxSelectedItem(event)"/>
- <j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
- <j:Label text="Select Index: "/>
- <j:NumericStepper valueChange="watchmenComboBox.selectedIndex = event.target.value" minimum="0" maximum="5"/>
- </j:HGroup>
- <j:Label id="watchmenComboBoxResult" html="<strong>ComboBox selectedItem:</strong> "/>
- </j:HGroup>
-
+ <html:H3 text="Jewel ComboBox (Object Collection)"/>
+
+ <j:Grid gap="true" itemsVerticalAlign="itemsCentered">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3"
+ tabletNumerator="1" tabletDenominator="3"
+ phoneNumerator="1" phoneDenominator="1"
+ itemsVerticalAlign="itemsCentered" width="290">
+ <j:ComboBox id="avengersComboBox" labelField="label" dataProvider="{listModel.avengers}" change="avengersComboBoxSelectedItem(event)"/>
+ </j:GridCell>
+ <j:GridCell desktopNumerator="1" desktopDenominator="3"
+ tabletNumerator="1" tabletDenominator="3"
+ phoneNumerator="1" phoneDenominator="1"
+ itemsVerticalAlign="itemsCentered" width="290">
+ <j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
+ <j:Label text="Select Index: "/>
+ <j:NumericStepper valueChange="avengersComboBox.selectedIndex = event.target.value" minimum="0" maximum="8"/>
+ </j:HGroup>
+ </j:GridCell>
+ <j:GridCell desktopNumerator="1" desktopDenominator="3"
+ tabletNumerator="1" tabletDenominator="3"
+ phoneNumerator="1" phoneDenominator="1"
+ itemsVerticalAlign="itemsCentered" width="290">
+ <j:Label id="avengersComboBoxResult" html="<strong>ComboBox selectedItem:</strong> "/>
+ </j:GridCell>
+ </j:Grid>
</j:Card>
</j:GridCell>
</j:Grid>
+ <html:H5 text="Jewel DropDownList (This component is still in development)"/>
+
<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
+
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1"
phoneNumerator="1" phoneDenominator="1">
<j:Card>
- <html:H3 text="Jewel DropDownList (Object Collection)"/>
+ <html:H3 text="Jewel DropDownList (String Collection)"/>
- <j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
- <j:DropDownList id="avengersDropDownList" labelField="label" dataProvider="{listModel.avengers}" change="avengersDropDownListHandler(event)"/>
- <j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
- <j:Label text="Select Index: "/>
- <j:NumericStepper valueChange="avengersDropDownList.selectedIndex = event.target.value" minimum="0" maximum="8"/>
- </j:HGroup>
- <j:Label id="avengersDropDownListResult" html="<strong>DropDownList selectedItem:</strong> "/>
- </j:HGroup>
-
+ <j:Grid gap="true" itemsVerticalAlign="itemsCentered">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3"
+ tabletNumerator="1" tabletDenominator="3"
+ phoneNumerator="1" phoneDenominator="1"
+ itemsVerticalAlign="itemsCentered" width="290">
+ <j:DropDownList id="watchmenDropDownList" dataProvider="{listModel.watchmen}" change="watchmenDropDownListHandler(event)"/>
+ </j:GridCell>
+ <j:GridCell desktopNumerator="1" desktopDenominator="3"
+ tabletNumerator="1" tabletDenominator="3"
+ phoneNumerator="1" phoneDenominator="1"
+ itemsVerticalAlign="itemsCentered" width="290">
+ <j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
+ <j:Label text="Select Index: "/>
+ <j:NumericStepper valueChange="watchmenDropDownList.selectedIndex = event.target.value" minimum="0" maximum="5"/>
+ </j:HGroup>
+ </j:GridCell>
+ <j:GridCell desktopNumerator="1" desktopDenominator="3"
+ tabletNumerator="1" tabletDenominator="3"
+ phoneNumerator="1" phoneDenominator="1"
+ itemsVerticalAlign="itemsCentered" width="290">
+ <j:Label id="watchmenDropDownListResult" html="<strong>DropDownList selectedItem:</strong> "/>
+ </j:GridCell>
+ </j:Grid>
</j:Card>
</j:GridCell>
@@ -116,20 +160,33 @@ limitations under the License.
<j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1"
phoneNumerator="1" phoneDenominator="1">
-
<j:Card>
- <html:H3 text="Jewel ComboBox (Object Collection)"/>
-
- <j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
- <j:ComboBox id="avengersComboBox" labelField="label" dataProvider="{listModel.avengers}" change="avengersComboBoxSelectedItem(event)"/>
- <j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
- <j:Label text="Select Index: "/>
- <j:NumericStepper valueChange="avengersComboBox.selectedIndex = event.target.value" minimum="0" maximum="8"/>
- </j:HGroup>
- <j:Label id="avengersComboBoxResult" html="<strong>ComboBox selectedItem:</strong> "/>
- </j:HGroup>
+ <html:H3 text="Jewel DropDownList (Object Collection)"/>
+ <j:Grid gap="true" itemsVerticalAlign="itemsCentered">
+ <j:GridCell desktopNumerator="1" desktopDenominator="3"
+ tabletNumerator="1" tabletDenominator="3"
+ phoneNumerator="1" phoneDenominator="1"
+ itemsVerticalAlign="itemsCentered" width="290">
+ <j:DropDownList id="avengersDropDownList" labelField="label" dataProvider="{listModel.avengers}" change="avengersDropDownListHandler(event)"/>
+ </j:GridCell>
+ <j:GridCell desktopNumerator="1" desktopDenominator="3"
+ tabletNumerator="1" tabletDenominator="3"
+ phoneNumerator="1" phoneDenominator="1"
+ itemsVerticalAlign="itemsCentered" width="290">
+ <j:HGroup gap="3" itemsVerticalAlign="itemsCentered">
+ <j:Label text="Select Index: "/>
+ <j:NumericStepper valueChange="avengersDropDownList.selectedIndex = event.target.value" minimum="0" maximum="8"/>
+ </j:HGroup>
+ </j:GridCell>
+ <j:GridCell desktopNumerator="1" desktopDenominator="3"
+ tabletNumerator="1" tabletDenominator="3"
+ phoneNumerator="1" phoneDenominator="1"
+ itemsVerticalAlign="itemsCentered" width="290">
+ <j:Label id="avengersDropDownListResult" html="<strong>DropDownList selectedItem:</strong> "/>
+ </j:GridCell>
+ </j:Grid>
</j:Card>
</j:GridCell>
</j:Grid>
diff --git a/examples/royale/JewelExample/src/main/royale/TablePlayGround.mxml b/examples/royale/JewelExample/src/main/royale/TablePlayGround.mxml
index 0115a17..619a623 100644
--- a/examples/royale/JewelExample/src/main/royale/TablePlayGround.mxml
+++ b/examples/royale/JewelExample/src/main/royale/TablePlayGround.mxml
@@ -182,7 +182,7 @@ limitations under the License.
phoneNumerator="1" phoneDenominator="1">
<j:Card>
- <html:H3 text="Jewel Table"/>
+ <html:H3 text="Jewel Table (This component is still in development)"/>
<j:HGroup gap="3">
<j:VGroup gap="3">
<j:Table id="table" change="onChange(event)" dataProvider="{tablesModel.guitarrists}">