Vue CardView - searchPanel

Configures the search panel.

Selector: DxSearchPanel
Type:

SearchPanel

View Demo

highlightCaseSensitive

Notifies the UI component whether search is case-sensitive to ensure that search results are highlighted correctly. Applies only if highlightSearchText is true.

Selector: highlight-case-sensitive
Type:

Boolean

Default Value: false

highlightSearchText

Specifies whether found substrings should be highlighted.

Selector: highlight-search-text
Type:

Boolean

Default Value: true

placeholder

Specifies a placeholder for the search panel.

Type:

String

Default Value: 'Search...'

searchVisibleColumnsOnly

Specifies whether the UI component should search against all columns or only visible ones.

Selector: search-visible-columns-only
Type:

Boolean

Default Value: false

text

Sets a search string for the search panel.

Type:

String

Default Value: ''
Raised Events: onOptionChanged

visible

Specifies whether the search panel is visible or not.

Type:

Boolean

Default Value: false

width

Specifies the width of the search panel in pixels.

Type:

String

|

Number

Default Value: 160