ColumnDirective API in Angular QueryBuilder API component

e-column directive represent a column of the Angular QueryBuilder. It must be contained in a QueryBuilder component(ejs-querybuilder).

<ejs-querybuilder [dataSource]='data'>
  <e-columns>
   <e-column field='ID' label='ID' type='number'></e-column>
   <e-column field='Date' label='Date' type='date' format='dd/MM/yyyy'></e-column>
  </e-columns>
</ejs-querybuilder>

Properties

category

any

Specifies the category for columns.

Defaults to null

columns

any

Specifies the sub fields in columns.

Defaults to null

field

any

Specifies the fields in columns.

Defaults to null

format

any

Specifies the date format for columns.

Defaults to null

label

any

Specifies the labels name in columns.

Defaults to null

operators

any

Specifies the operators in columns.

Defaults to null

ruleTemplate

any

Specifies the rule template for the field with any other widgets.

Defaults to null

step

any

Specifies the step value(numeric textbox) for columns.

Defaults to null

template

any

Specifies the template for value field such as slider or any other widgets.

Defaults to null

type

any

Specifies the types in columns field.

Defaults to null

validation

any

Specifies the validation for columns (text, number and date).

Defaults to { isRequired: true , min: 0, max: Number.MAX_VALUE }

value

any

Specifies the default value for columns.

Defaults to null

values

any

Specifies the values in columns or bind the values from sub controls.

Defaults to null