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