From 3d55c15931ea81bbe4439fcc9c6e233f2b3ea308 Mon Sep 17 00:00:00 2001
From: Vinitha Balasubramanian <vinitha.balasubramanian@syncfusion.com>
Date: Tue, 22 Jul 2025 12:59:32 +0530
Subject: [PATCH] 965646: Updated search using multiple keywords sample in
 development

---
 .../grid/search/search-multiple-keywords/razor      | 13 ++++++++++---
 .../grid/search/search-multiple-keywords/tagHelper  | 13 ++++++++++---
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/razor b/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/razor
index b4d4889386..fd342f88e1 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/razor
+++ b/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/razor
@@ -39,20 +39,27 @@
         }
     }
     function actionComplete(args) {
+        var grid = document.getElementById("Search").ej2_instances[0];
         if (args.requestType === 'refresh') {
-            var grid = document.getElementById("Search").ej2_instances[0];
             var searchBar = document.querySelector('#' + grid.element.id + '_searchbar');
             if (searchBar) {
                 if (this.valueAssign) {
                     searchBar.value = this.values || '';
                     this.valueAssign = false;
-                } else if (removeQuery) {
+                } else if (this.removeQuery && searchBar.value=='') {
                     searchBar.value = ''
                     grid.query = new ej.data.Query();
-                    removeQuery = false;
+                    this.removeQuery = false;
                     grid.refresh();
                 }
             }
+            document.getElementById(grid.element.id + '_searchbar').addEventListener('keyup', (args) => {
+                if (args.target.value === '' && (args.key === 'Enter' || args.key === 'Backspace')) {
+                    grid.query = new ej.data.Query();
+                    this.removeQuery = false;
+                    grid.refresh();
+                }
+            });
         }
     }
 </script>
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/tagHelper
index a064627729..ea3c9eb77b 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/tagHelper
@@ -41,20 +41,27 @@
         }
     }
     function actionComplete(args) {
+        var grid = document.getElementById("Search").ej2_instances[0];
         if (args.requestType === 'refresh') {
-            var grid = document.getElementById("Search").ej2_instances[0];
             var searchBar = document.querySelector('#' + grid.element.id + '_searchbar');
             if (searchBar) {
                 if (this.valueAssign) {
                     searchBar.value = this.values || '';
                     this.valueAssign = false;
-                } else if (removeQuery) {
+                } else if (this.removeQuery && searchBar.value=='') {
                     searchBar.value = ''
                     grid.query = new ej.data.Query();
-                    removeQuery = false;
+                    this.removeQuery = false;
                     grid.refresh();
                 }
             }
+            document.getElementById(grid.element.id + '_searchbar').addEventListener('keyup', (args) => {
+                if (args.target.value === '' && (args.key === 'Enter' || args.key === 'Backspace')) {
+                    grid.query = new ej.data.Query();
+                    this.removeQuery = false;
+                    grid.refresh();
+                }
+            });
         }
     }
 </script>
\ No newline at end of file