You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by pi...@apache.org on 2017/12/11 22:48:15 UTC
[royale-asjs] 02/02: Update MDLDynamicTableExample and show
add/remove
This is an automated email from the ASF dual-hosted git repository.
piotrz pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
commit fe0d68ab1e321e9bfc8c8cddef4cf405248454f7
Author: Piotr Zarzycki <pi...@gmail.com>
AuthorDate: Mon Dec 11 23:48:04 2017 +0100
Update MDLDynamicTableExample and show add/remove
---
.../MDLDynamicTableExample/src/MainView.mxml | 24 +++++++++++++++-------
.../src/resources/mdl-styles.css | 3 ++-
2 files changed, 19 insertions(+), 8 deletions(-)
diff --git a/examples/royale/MDLDynamicTableExample/src/MainView.mxml b/examples/royale/MDLDynamicTableExample/src/MainView.mxml
index 70ef5ae..e7234d8 100644
--- a/examples/royale/MDLDynamicTableExample/src/MainView.mxml
+++ b/examples/royale/MDLDynamicTableExample/src/MainView.mxml
@@ -29,6 +29,17 @@ limitations under the License.
{
usersListModel.users.addItem(new UserVO("piotrz", "Piotr", "Zarzycki", "piotrz@apache.org"));
}
+
+ private function onRemoveEmployeeClick(event:MouseEvent):void
+ {
+ usersListModel.users.removeItemAt(usersListModel.users.length - 1);
+ }
+
+ private function onTblChange(event:Event):void
+ {
+ var selIndex:int = tblUsers.selectedIndex;
+ var selItem:Object = tblUsers.selectedItem;
+ }
]]>
</fx:Script>
@@ -42,7 +53,7 @@ limitations under the License.
<mdl:GridCell column="12">
<mdl:Table id="tblUsers" shadow="2"
- dataProvider="{usersListModel.users}" className="customTableStyle">
+ dataProvider="{usersListModel.users}" className="customTableStyle" change="onTblChange(event)">
<mdl:columns>
<mdl:TableColumn headerText="Username" />
<mdl:TableColumn headerText="First Name"/>
@@ -50,16 +61,15 @@ limitations under the License.
<mdl:TableColumn headerText="Email"/>
</mdl:columns>
<mdl:beads>
- <!--Bead for listening changes of collection source-->
- <js:DataProviderCollectionChangeNotifier sourceID="usersListModel" propertyName="users"
- destinationPropertyName="dataProvider" changeEventName="dataProviderChanged" />
- <!--Bead for listening items events changes-->
- <js:DataProviderItemsChangeNotifier sourceID="usersListModel" propertyName="users"
- destinationPropertyName="dataProvider" changeEventName="dataProviderChanged" />
+ <js:DynamicItemsRendererFactoryForArrayListData />
+ <js:DynamicRemoveItemRendererForArrayListData />
</mdl:beads>
</mdl:Table>
</mdl:GridCell>
<mdl:GridCell>
<mdl:Button text="Add Employee" width="100" click="onAddEmployeeClick(event)"/>
</mdl:GridCell>
+ <mdl:GridCell>
+ <mdl:Button text="Remove Last Employee" width="100" click="onRemoveEmployeeClick(event)"/>
+ </mdl:GridCell>
</mdl:Grid>
diff --git a/examples/royale/MDLDynamicTableExample/src/resources/mdl-styles.css b/examples/royale/MDLDynamicTableExample/src/resources/mdl-styles.css
index 86406fa..b046aec 100644
--- a/examples/royale/MDLDynamicTableExample/src/resources/mdl-styles.css
+++ b/examples/royale/MDLDynamicTableExample/src/resources/mdl-styles.css
@@ -25,7 +25,8 @@
.customTableStyle
{
- IDataProviderItemRendererMapper: ClassReference("org.apache.royale.html.beads.DynamicItemsRendererFactoryForArrayListData");
+ IDataProviderItemRendererMapper: ClassReference("org.apache.royale.html.beads.DataItemRendererFactoryForArrayList");
IItemRenderer: ClassReference("itemRenderers.CustomTableRowItemRenderer");
+ IBeadController: ClassReference("org.apache.royale.html.beads.controllers.ListSingleSelectionMouseController");
}
--
To stop receiving notification emails like this one, please contact
"commits@royale.apache.org" <co...@royale.apache.org>.