filterPanel

Configures the filter panel.

Type:

Default Value: {}

The filter panel displays the applied filter expression.

DevExtreme HTML5 JavaScript jQuery Angular Knockout TreeList Filter Panel

Clicking on the filter expression opens the filter builder.

DevExtreme HTML5 JavaScript jQuery Angular Knockout TreeList Filter Panel

If you change the filter expression in the filter panel or filter builder, the changes are reflected in the filter row and header filter, and vice versa. You can disable this synchronization by setting the filterSyncEnabled option to false. In this case, the filter panel remains synchronized with the filter builder.

See Also

customizeText

Customizes the filter expression's text representation.

Type:

Function parameters:

e:

Information about the current filter expression.

Object structure:

Name

Type

Description

component

The widget's instance.

filterValue

The current filter expression.

text

The filter expression converted to a string.

Return Value:

The text to be displayed in the filter panel.

filterEnabled

Specifies whether the filter expression is applied.

Type:

Default Value: true

Raised Events: optionChanged

texts

Specifies texts for the filter panel's elements.

Type:

Default Value: {}

visible

Specifies whether the filter panel is visible.

Type:

Default Value: false

Was this topic helpful?

Thank you!

Feel free to share demo-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.

x

Send Feedback

Thank you!
We appreciate your feedback.