Disable/ Enable Query Builder In Code

[Mohammad Hadadi]

Hi There,

I am using Query Builder (ejs-querybuilder) in an Angular app and I am trying to grey out (disable) the component in order to disable user from creating a new item (disable user from clicking on the + button and create a new item) based on some condition in code.

I tried to find a related property for that in docs but I couldn't find one.

I appreciate if you show me a solution.

Regards,

Mohammad Hadadi.

[Sangeetha Priya Murugan]

Hi Mohammad, 

 

Thank you for contacting Syncfusion support. 

 

We have checked your reported requirement and we would like to let you know that, it can be achievable in our QueryBuilder. By setting the disabled property as true for add button in created event. For your convenience, we have prepared the sample based on your requirement. Please find the link below. 

 

Sample Link : https://stackblitz.com/edit/angular-yuxbhe-65ozn8?file=app.component.ts 

 

Please check the above sample and get back to us if you need further assistance. 

 

Regards, 

Sangeetha M 

[Mohammad Hadadi]

Hi Sangeetha,

Thanks for your reply.

As I need to define some conditions to disable the component , I used jQuery to disable the buttons after parent component initialization.

Regards,

Mohammad Hadadi

[Sangeetha Priya Murugan]

 

Hi Mohammad  

 

Thank you for your update. 

 

We are happy to hear that your requirement has been achieved. Please feel free to contact us, if you need any further assistance on this. 

  

Regards, 

Sangeetha M