All docs
V19.1
24.1
The page you are viewing does not exist in version 24.1.
23.2
The page you are viewing does not exist in version 23.2.
23.1
The page you are viewing does not exist in version 23.1.
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
19.1
18.2
18.1
17.2
The page you are viewing does not exist in version 17.2.
Box
Map
Row
Vue
A newer version of this page is available. Switch to the current version.

jQuery TreeList - filterPanel

Configures the filter panel.

Type:

Object

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

Function parameters:
e:

Object

Information about the current filter expression.

Object structure:
Name Type Description
component

TreeList

The widget's instance.

filterValue

Object

The current filter expression.

text

String

The filter expression converted to a string.

Return Value:

String

The text to be displayed in the filter panel.

filterEnabled

Specifies whether the filter expression is applied.

Type:

Boolean

Default Value: true
Raised Events: onOptionChanged

texts

Specifies texts for the filter panel's elements.

Type:

Object

Default Value: {}

visible

Specifies whether the filter panel is visible.

Type:

Boolean

Default Value: false