1. Home
  2. Forum
  3. React - EJ 2
  4. Submit query on enter key

Submit query on enter key

Hi,

I'm using a React QueryBuilder component for creating complex queries.

The search is executed when the user clicks the "Search" button. Now I want to also execute the search when the user presses the "Enter"-key after typing in an input in the QueryBuilder.

I added a form to my page containing the button and the querybuilder, but after pressing enter in the querybuilder input, the querybuilder removes the first rule, and the form is not submitted.

How can I disable the current behavior and submit instead?

Thanks!


6 Replies
GK Gayathri KarunaiAnandam Syncfusion Team September 22, 2021 03:46 AM UTC

Hi  JP, 

We have checked your reported query. We have tried to validate the issue at our end. But we couldn’t validate it with the shared details. Please share the below details. 

1. Could you please share your Essential studio product version? 
2. If possible, please share your error reproducible sample to replicate the issue in our end. 
3. Please share us the video demonstration of this issue. 
4. Please share how you render the querybuilder rules. 


Could you please get back to us with the above mentioned details based on that we will check and let you know the better solution quickly. 

Regards, 
Gayathri K 


JP JP September 27, 2021 09:41 AM UTC

Hi,

I created an example: https://codesandbox.io/s/cocky-shirley-6748m?file=/src/App.js

If you select field "Column1" , enter a value and press enter, the condition will be deleted.

Without the <form> element, this doesn't happen, but then I won't have the submit functionality.


Thanks!


GK Gayathri KarunaiAnandam Syncfusion Team September 29, 2021 04:00 AM UTC

Hi JP,  
   
We have checked your reported query. We need to validate more on your reported query. So, we will update further details within September 30th,2021. We appreciate your patience until then.  
  
Regards,  
Gayathri K 


GK Gayathri KarunaiAnandam Syncfusion Team October 4, 2021 04:07 AM UTC

Hi JP, 

We have validated your reported query. We are able to replicate the reported issue in our end. We will update further details on October 5th,2021 and we appreciate your patience until then. 
Regards, 
Gayathri K 


GK Gayathri KarunaiAnandam Syncfusion Team October 6, 2021 05:08 PM UTC

Hi JP, 

We have checked your reported query. We can reproduce your reported issue in our end. So, we have logged this issue as a bug, and it will be available in our upcoming patch release which will be scheduled on October 13th,2021 and we appreciate your patience until then.   

You can also track the status of this bug by using our feedback portal link below.     
     
   
Please get back to us, if you need further assistance.   

Regards,   
Gayathri K   


GK Gayathri KarunaiAnandam Syncfusion Team October 13, 2021 04:27 PM UTC

Hi JP, 

Thank you for your patience. 

We are glad to announce that our weekly patch release (19.3.45) is rolled out. We have included the fix for the issue[“Querybuilder placing inside forum issue”] in this release. So, we suggest you upgrade our Syncfusion NPM Spreadsheet package to our latest version to resolve this issue in your end.   




Please check the below sample. 


Please get back to us, if you need further assistance. 

Regards, 
Gayathri K 


Loader.
Up arrow icon