fix ClearFilters not working with GraphQL & OData Services

Author: Ghislain Beaulac

src/app/modules/angular-slickgrid/services/filter.service.ts

@@ -79,8 +79,20 @@ export class FilterService {
 
   /** Clear the search filters (below the column titles) */
   clearFilters() {
-    // remove the text inside each search input fields
-    $('.slick-headerrow-column .search-filter').val('');
+    // remove the text inside each search filter fields
+    $('.slick-headerrow-column .search-filter').each((index: number, elm: HTMLElement) => {
+      // clear the value and trigger an event
+      // the event is for GraphQL & OData Services to detect the changes and call a new query
+      switch (elm.tagName) {
+        case 'SELECT':
+          $(elm).val('').trigger('change');
+          break;
+        case 'INPUT':
+        default:
+          $(elm).val('').trigger('keyup');
+          break;
+      }
+    });
 
     // we need to loop through all columnFilters and delete them 1 by 1
     // only trying to make columnFilter an empty (without looping) would not trigger a dataset change

src/app/modules/angular-slickgrid/services/gridExtra.service.ts

@@ -90,7 +90,8 @@ export class GridExtraService {
     }
   }
 
-  /** Add an item (data item) to the datagrid
+  /**
+   * Add an item (data item) to the datagrid
    * @param object dataItem: item object holding all properties of that row
    */
   addItemToDatagrid(item) {
@@ -113,7 +114,8 @@ export class GridExtraService {
     const datasetLength = this._dataView.getLength();
   }
 
-  /** Update an existing item with new properties inside the datagrid
+  /**
+   * Update an existing item with new properties inside the datagrid
    * @param object item: item object holding all properties of that row
    */
   updateDataGridItem(item: any) {