The TileView UI component contains a collection of tiles. Tiles can store much more information than ordinary buttons, that is why they are very popular in apps designed for touch devices.
import DxTileView from "devextreme-vue/tile-view"
An object defining configuration properties for the TileView UI component.
Name Description accessKeySpecifies the shortcut key that sets focus on the UI component.
activeStateEnabledSpecifies whether the UI component changes its visual state as a result of user interaction.
baseItemHeightSpecifies the height of the base tile view item.
baseItemWidthSpecifies the width of the base tile view item.
dataSourceBinds the UI component to data.
directionSpecifies whether the UI component is oriented horizontally or vertically.
disabledSpecifies whether the UI component responds to user interaction.
elementAttrSpecifies the global attributes to be attached to the UI component's container element.
focusStateEnabledSpecifies whether the UI component can be focused using keyboard navigation.
heightSpecifies the UI component's height.
hintSpecifies text for a hint that appears when a user pauses on the UI component.
hoverStateEnabledSpecifies whether the UI component changes its state when a user pauses on it.
itemComponentAn alias for the itemTemplate property specified in React. Accepts a custom component. Refer to Using a Custom Component for more information.
itemHoldTimeoutThe time period in milliseconds before the onItemHold event is raised.
itemMarginSpecifies the distance in pixels between adjacent tiles.
itemRenderAn alias for the itemTemplate property specified in React. Accepts a rendering function. Refer to Using a Rendering Function for more information.
itemsAn array of items displayed by the UI component.
itemTemplateSpecifies a custom template for items.
noDataTextSpecifies the text or HTML markup displayed by the UI component if the item collection is empty.
onContentReadyA function that is executed when the UI component is rendered and each time the component is repainted.
onDisposingA function that is executed before the UI component is disposed of.
onInitializedA function used in JavaScript frameworks to save the UI component instance.
onItemClickA function that is executed when a collection item is clicked or tapped.
onItemContextMenuA function that is executed when a collection item is right-clicked or pressed.
onItemHoldA function that is executed when a collection item has been held for a specified period.
onItemRenderedA function that is executed after a collection item is rendered.
onOptionChangedA function that is executed after a UI component property is changed.
rtlEnabledSwitches the UI component to a right-to-left representation.
showScrollbarSpecifies when the UI component shows the scrollbar.
tabIndexSpecifies the number of the element when the Tab key is used for navigating.
visibleSpecifies whether the UI component is visible.
widthSpecifies the UI component's width.
This section describes members used to manipulate the UI component.
This section describes events fired by this UI component.
Feel free to share topic-related thoughts here.RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4