Query builder - custom field selection control?

[KS]

Hello,

I wanted to ask, is it possible to use a custom control (i.e. an existing dropdown component that I have made that is not a SyncFusion control) to display and select fields/columns in the first dropdown when creating a query?

Thank you,

KS

[Keerthikaran Venkatachalam]

Hi Ks,

We have checked the reported query, and by using the template feature of the QueryBuilder component, you can achieve your requirement. We can insert third-party components into the Syncfusion query builder. Kindly refer to the below UG Link.

UG Link: https://ej2.syncfusion.com/angular/documentation/query-builder/template#column-template

Get back to us if you need any further assistance on this.

Regards,

KeerthiKaran K V

[KS]

Hello,

In the example you linked, the template is used for the value of a particular column. But the one that I want to use a custom component for is the very first one where you select a column, as I have marked in the screenshot from the example you linked below:

Is this possible with the same template?

Thank you,

KS

[Keerthikaran Venkatachalam]

Hi Ks,

Using the rule template of QueryBuilder, we can customise all fields of the query builder column. Kindly refer to the below sample link.

Sample Link: https://stackblitz.com/edit/angular-62fgt9-pyotyf?file=src%2Fapp.component.html

Demo Link: https://ej2.syncfusion.com/angular/demos/#/material3/query-builder/rule-template

Get back to us if you need any further assistance on this.