All docs
V24.2
24.2
24.1
23.2
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
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.
Box
Map
API
Row

JavaScript/jQuery TreeList - columnChooser.search

Configures the column chooser's search functionality.

JavaScript
  • $(function(){
  • $("#treeList").dxTreeList({
  • // ...
  • columnChooser: {
  • // ...
  • search: {
  • editorOptions: {
  • placeholder: 'Search column',
  • mode: 'text'
  • },
  • enabled: true,
  • timeout: 800
  • },
  • },
  • })
  • });

editorOptions

Configures the search box.

Type: any
Default Value: {}

See the TextBox Configuration topic for information about properties you can specify in this object.

JavaScript
  • $(function(){
  • $("#treeList").dxTreeList({
  • // ...
  • columnChooser: {
  • // ...
  • search: {
  • editorOptions: {
  • placeholder: 'Search column',
  • mode: 'text',
  • onValueChanged: (e) => {
  • // handle the value change here
  • }
  • },
  • // ...
  • },
  • },
  • })
  • });

enabled

Specifies whether search is enabled in the column chooser.

Type:

Boolean

Default Value: false

timeout

Specifies a timeout, in milliseconds, during which a user may continue to modify the search value without starting the search operation.

Type:

Number

Default Value: 500