Dropdown list of query builder allowing type?

[Rafael]

Hi,

There's anyway to allow users to type in the field that select which field to filter? This one:

I am asking this because we changed a page with another type of filter, and one thing that the users are complaining about is that they have to search in the list for the field. I tried to type and it works a little bit but sometimes it works weird(and anyway the users can't see what they are typing)

I saw that is possible to configure the template rule, but in this case I would need to configure everything, right? I mean, the select of the operator for each type of field and the input to write the filter value for each type of field too. 

Do you have any way that you recommend to do it?

Thank you very much

[YuvanShankar Arunagiri]

Hi Rafael,

Query: There's anyway to allow users to type in the field that select which field to filter?

We have validated your reported query and prepared the sample based on your requirement. We can achieve your requirement by using the fieldModel property of query builder with allowFiltering property of the dropdown list component. Please refer the below code snippet and sample link.

[app.component.html]:

<ejs-querybuilder #querybuilder class="row" [dataSource]="dataSource" [rule]="importRules" [fieldModel] = "{allowFiltering : true}">

Sample link: https://stackblitz.com/edit/angular-zfxxuh?file=app.component.html

Could you please check with above code and get back to us, if you need any further assistance on this. 

Regards,

YuvanShankar A

[Rafael]

Hi,

It works!! Thank you very much :D

[YuvanShankar Arunagiri]

You are welcome, Rafael. We are happy to hear that your requirement has been fulfilled. Please get back to us if you need any further assistance on this.