Merge pull request #4383 from syncfusion-content/EJ2-965646-search-hotfix

farveensulthana · web-flow · commit 5946b3285981 · 2025-07-11T15:41:02.000+05:30
965646: Updated search using multiple keywords sample in hotfix
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
@@ -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();
+                    removeQuery = false;
+                    grid.refresh();
+                }
+            });
         }
     }
 </script>
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
@@ -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();
+                    removeQuery = false;
+                    grid.refresh();
+                }
+            });
         }
     }
 </script>

Original file line number	Diff line number	Diff line change
`@@ -39,20 +39,27 @@`
`39`	`39`	`}`
`40`	`40`	`}`
`41`	`41`	`function actionComplete(args) {`
	`42`	`+ var grid = document.getElementById("Search").ej2_instances[0];`
`42`	`43`	`if (args.requestType === 'refresh') {`
`43`		`- var grid = document.getElementById("Search").ej2_instances[0];`
`44`	`44`	`var searchBar = document.querySelector('#' + grid.element.id + '_searchbar');`
`45`	`45`	`if (searchBar) {`
`46`	`46`	`if (this.valueAssign) {`
`47`	`47`	`searchBar.value = this.values \|\| '';`
`48`	`48`	`this.valueAssign = false;`
`49`		`- } else if (removeQuery) {`
	`49`	`+ } else if (this.removeQuery && searchBar.value=='') {`
`50`	`50`	`searchBar.value = ''`
`51`	`51`	`grid.query = new ej.data.Query();`
`52`		`- removeQuery = false;`
	`52`	`+ this.removeQuery = false;`
`53`	`53`	`grid.refresh();`
`54`	`54`	`}`
`55`	`55`	`}`
	`56`	`+ document.getElementById(grid.element.id + '_searchbar').addEventListener('keyup', (args) => {`
	`57`	`+ if (args.target.value === '' && (args.key === 'Enter' \|\| args.key === 'Backspace')) {`
	`58`	`+ grid.query = new ej.data.Query();`
	`59`	`+ removeQuery = false;`
	`60`	`+ grid.refresh();`
	`61`	`+ }`
	`62`	`+ });`
`56`	`63`	`}`
`57`	`64`	`}`
`58`	`65`	`</script>`
Original file line number	Diff line number	Diff line change
`@@ -41,20 +41,27 @@`
`41`	`41`	`}`
`42`	`42`	`}`
`43`	`43`	`function actionComplete(args) {`
	`44`	`+ var grid = document.getElementById("Search").ej2_instances[0];`
`44`	`45`	`if (args.requestType === 'refresh') {`
`45`		`- var grid = document.getElementById("Search").ej2_instances[0];`
`46`	`46`	`var searchBar = document.querySelector('#' + grid.element.id + '_searchbar');`
`47`	`47`	`if (searchBar) {`
`48`	`48`	`if (this.valueAssign) {`
`49`	`49`	`searchBar.value = this.values \|\| '';`
`50`	`50`	`this.valueAssign = false;`
`51`		`- } else if (removeQuery) {`
	`51`	`+ } else if (this.removeQuery && searchBar.value=='') {`
`52`	`52`	`searchBar.value = ''`
`53`	`53`	`grid.query = new ej.data.Query();`
`54`		`- removeQuery = false;`
	`54`	`+ this.removeQuery = false;`
`55`	`55`	`grid.refresh();`
`56`	`56`	`}`
`57`	`57`	`}`
	`58`	`+ document.getElementById(grid.element.id + '_searchbar').addEventListener('keyup', (args) => {`
	`59`	`+ if (args.target.value === '' && (args.key === 'Enter' \|\| args.key === 'Backspace')) {`
	`60`	`+ grid.query = new ej.data.Query();`
	`61`	`+ removeQuery = false;`
	`62`	`+ grid.refresh();`
	`63`	`+ }`
	`64`	`+ });`
`58`	`65`	`}`
`59`	`66`	`}`
`60`	`67`	`</script>`