Added everything for Step 12: Adding a Search

wridgeu · Jun 7, 2020 · 240f562 · 240f562
1 parent a743c0e
commit 240f562
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 6 deletions.
diff --git a/webapp/controller/Worklist.controller.js b/webapp/controller/Worklist.controller.js
@@ -4,8 +4,17 @@ sap.ui.define(
     "sap/ui/model/json/JSONModel",
     "sap/m/library",
     "../model/FlaggedType",
+    "sap/ui/model/Filter",
+    "sap/ui/model/FilterOperator",
   ],
-  function (BaseController, JSONModel, mobileLibrary, FlaggedType) {
+  function (
+    BaseController,
+    JSONModel,
+    mobileLibrary,
+    FlaggedType,
+    Filter,
+    FilterOperator
+  ) {
     "use strict";
 
     return BaseController.extend("com.mrb.UI5-Testing.controller.Worklist", {
@@ -50,11 +59,6 @@ sap.ui.define(
           oViewModel.setProperty("/tableBusyDelay", iOriginalBusyDelay);
         });
       },
-
-      /* =========================================================== */
-      /* event handlers                                              */
-      /* =========================================================== */
-
       /**
        * Triggered by the table's 'updateFinished' event: after new table
        * data is available, this handler method updates the table counter.
@@ -123,6 +127,20 @@ sap.ui.define(
           postId: oEvent.getSource().getBindingContext().getProperty("PostID"),
         });
       },
+
+      onFilterPosts: function (oEvent) {
+        // build filter array
+        var aFilter = [];
+        var sQuery = oEvent.getParameter("query");
+        if (sQuery) {
+          aFilter.push(new Filter("Title", FilterOperator.Contains, sQuery));
+        }
+
+        // filter binding
+        var oTable = this.byId("table");
+        var oBinding = oTable.getBinding("items");
+        oBinding.filter(aFilter);
+      },
     });
   }
 );
diff --git a/webapp/view/Worklist.view.xml b/webapp/view/Worklist.view.xml
@@ -14,6 +14,8 @@
                 <headerToolbar>
                     <Toolbar>
                         <Label id="tableHeader" text="{worklistView>/worklistTableTitle}"/>
+                        <ToolbarSpacer />
+                        <SearchField id="searchField" width="auto" search=".onFilterPosts" />
                     </Toolbar>
                 </headerToolbar>
                 <columns>