mmhglobal-dynamicform 2.15.2 → 2.15.3

package/fesm2020/mmhglobal-dynamicform.mjs

@@ -1808,6 +1808,7 @@ class MainService {
                 this.group.signalRCallbackHandler = {};
             }
             this.group.signalRCallbackHandler['alertFormModified'] = this.alertFormModified.bind(this, formId);
+            this.signalrService.unsubscribeFromEvent(`${eventName}`); // unsubscribe the event before subscribe to event again.
             this.signalrService.subscribeToEvent(this.group, `${eventName}`, `group.signalRCallbackHandler.alertFormModified`);
         }
         else {
@@ -2841,8 +2842,31 @@ class ZGridBindingDirective extends DataBindingDirective {
                 }
             });
         }
-        this.changeEvent.filterChanged = true;
-        this.getDataBinding();
+        if (this.field.GridFilterConfiguration?.OnChange) {
+            console.log("GridFilterConfiguration.OnChange triggered");
+            // Use switchMap to handle the asynchronous operation
+            of(this.params.filterParams).pipe(switchMap((filterParams) => {
+                let expression = this.field.GridFilterConfiguration.OnChange;
+                expression = expression.replace('modalGroup.', 'group.');
+                expression = expression.replace('group.', 'grp.');
+                const func = eval('this.' + expression);
+                const callFunc = func.bind(this.grp);
+                return callFunc(filterParams);
+            })).subscribe((updatedFilterParams) => {
+                console.log(updatedFilterParams);
+                // update filterParams
+                if (updatedFilterParams) {
+                    this.params.filterParams = updatedFilterParams;
+                }
+                this.changeEvent.filterChanged = true;
+                this.getDataBinding();
+            });
+        }
+        else {
+            // If there is no GridFilterConfiguration.OnChange
+            this.changeEvent.filterChanged = true;
+            this.getDataBinding();
+        }
     }
     dataStateChange(state) {
         this.grid.loading = true;