Vue FilterBuilder - lookup

Configures the lookup field.

Type:

Object

Default Value: undefined

Use the lookup field to limit the available filter values.

See Also

allowClearing

Specifies whether a user can nullify the lookup values. Set to true only if your data source accepts null values.

Type:

Boolean

Default Value: false

dataSource

Specifies the lookup data source.

Default Value: undefined

The lookup data source must contain fields assigned to the valueExpr and displayExpr options.

See Also

displayExpr

Specifies the data field whose values should be displayed.

Type:

String

|

Function

Function parameters:
data:

Object

The current data object.

Default Value: undefined

Set this option to the name of a data field that provides displayed values...

displayExpr: "name"

... or to a function that combines the values of several data fields to create the displayed value:

displayExpr: function(item) {
    // "item" can be null
    return item && 'ID: ' + item.id + ', Name: ' + item.name;
}

Leave this option unspecified or set it to this if the data source contains primitives.

valueExpr

Specifies the data source field whose values should be replaced.

Type:

String

|

Function

Default Value: undefined

This field's values are replaced with the displayExpr field's values.

NOTE
You cannot specify valueExpr as a function when the widget is bound to a remote data source. This is because valueExpr is used in a filter the widget sends to the server when querying data. Functions with custom logic cannot be serialized for this filter.