Merge pull request #232 from NativeScript/update-listview-demo

chore: update 'listview' demo for nativescript-ui-listview v6.3.2
ProgressNS · Jun 5, 2019 · 63142f3 · 63142f3
2 parents 853b054 + ef3ac2f
commit 63142f3
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 1 deletion.
diff --git a/listview/src/app/examples/item-selection/listview-item-selection.component.html b/listview/src/app/examples/item-selection/listview-item-selection.component.html
@@ -1,6 +1,6 @@
 <GridLayout rows="*, auto" tkExampleTitle tkToggleNavButton>
     <!-- >> angular-listview-selection -->
-    <RadListView row="0" [items]="dataItems" selectionBehavior="Press" (itemSelected)="onItemSelected($event)" (itemDeselected)="onItemDeselected($event)">
+    <RadListView row="0" [items]="dataItems" selectionBehavior="Press" (itemSelected)="onItemSelected($event)" (itemSelecting)="onItemSelecting($event)" (itemDeselecting)="onItemDeselecting($event)" (itemDeselected)="onItemDeselected($event)">
         <!-- << angular-listview-selection -->
         <ng-template tkListItemTemplate let-item="item">
              <StackLayout class="listItemStackLayout" orientation="vertical">

diff --git a/listview/src/app/examples/item-selection/listview-item-selection.component.ts b/listview/src/app/examples/item-selection/listview-item-selection.component.ts
@@ -49,6 +49,38 @@ export class ListViewItemSelectionComponent implements OnInit {
         console.log("Item selected: " + (selectedItem && selectedItem.name));
     }
 
+    public onItemSelecting(args: ListViewEventData) {
+        const listview = args.object as RadListView;
+        const selectedItems = listview.getSelectedItems() as Array<DataItem>;
+        let selectedTitles = "Selecting item: ";
+        for (let i = 0; i < selectedItems.length; i++) {
+            selectedTitles += selectedItems[i] ? selectedItems[i].name : "";
+
+            if (i < selectedItems.length - 1) {
+                selectedTitles += ", ";
+            }
+        }
+
+        const selectedItem = this.dataItems.getItem(args.index);
+        console.log("Item selecting: " + (selectedItem && selectedItem.name));
+    }
+
+    public onItemDeselecting(args: ListViewEventData) {
+        const listview = args.object as RadListView;
+        const selectedItems = listview.getSelectedItems() as Array<DataItem>;
+        let selectedTitles = "Deselecting item: ";
+        for (let i = 0; i < selectedItems.length; i++) {
+            selectedTitles += selectedItems[i] ? selectedItems[i].name : "";
+
+            if (i < selectedItems.length - 1) {
+                selectedTitles += ", ";
+            }
+        }
+
+        const selectedItem = this.dataItems.getItem(args.index);
+        console.log("Item deselecting: " + (selectedItem && selectedItem.name));
+    }
+
     public onItemDeselected(args: ListViewEventData) {
         const listview = args.object as RadListView;
         const selectedItems = listview.getSelectedItems() as Array<DataItem>;