We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Advanced search with multiple keywords


After trying to implement on the solution that you gave on this thread : 

I wanted to know if you think that is doable on your javascript grid that is in the file attached.



Attachment: grid_18e08d38.zip

3 Replies

DR Dhivya Rajendran Syncfusion Team August 23, 2019 02:27 AM

Hi Theo, 

Greeting from syncfusion. 

As per your requirement, we have created a sample. In the below sample, we have bind actionBegin event and prevent(args.cancel as true) the default search action and customize the filter query based on the multiple keywords(search).  

Please refer the below code example and sample for more information. 

actionBegin(args){  //Beverages_Condiments 
  if(args.requestType  === "searching" && args.searchString.length > 0){ 
  args.cancel = true;  // prevent the default search action 
  const text = args.searchString.split('_');       //Split your search text and get the values  
  let flag = true; 
  let predicate: Predicate; 
  this.val = args.searchString; 
  // preparing filter query 
  text.forEach((key) => { 
      this.grid.getColumns().forEach((col: any) => { 
        if (flag) { 
          predicate = new Predicate(col.field, 'contains', key); 
          flag = false; 
        } else { 
          predicate = predicate.or(col.field, 'contains', key); 
    this.gquery = this.grid.query; 
    this.grid.query = new Query().where(predicate); 
    this.grid.searchSettings.key = '';   //  resetting the search value 
Complete(e) { 
  if (e.requestType === 'refresh') { 
    this.grid.query = this.gquery; 
    (document.getElementById(this.grid.element.id + '_searchbar') as HTMLInputElement).value = this.val; // reset the searchstring  



TQ Théo Quemar August 23, 2019 03:22 AM

Hi Dhivya,

Thank you for your quick answer that's exactly what I was looking for,

Just a little thing that I'm trying to correct on your code I want to make the predicate with an "predicate.and(field, value)" but not the "or", this is not working every time any records are found even on a simple search.

Just replacing "or" with "and" in the predicate when the flag is false, it should work right ?

Thank you,


DR Dhivya Rajendran Syncfusion Team August 26, 2019 08:02 AM

Hi Theo, 

Thanks for your update. 

In the provided sample, we are generate query for all columns and check whether the column data contains search string value or not(so it check with all the columns). if any single column or data contains the values then it return the corresponding row data but when you change predicate as “and” then it check, all the columns contains the search value if every column has the same value then only it return the result. 

Could you please share more information or video to demonstrate your requirement(like how did you define the column data and what is your expectation) that will helpful for us to validate further at our end. 


Live Chat Icon For mobile
Up arrow icon