New to Telerik UI for ASP.NET Core? Download free 30-day trial

ListViewTagHelper

Example

<kendo-listview>
    <datasource></datasource>
    <flex />
    <grid />
    <listview-alt-template></listview-alt-template>
    <listview-edit-template></listview-edit-template>
    <listview-template></listview-template>
    <pageable></pageable>
    <scrollable />
    <selectable></selectable>
</kendo-listview>

ChildTags

Tag Name Details
datasource DataSourceTagHelper
flex ListViewFlexSettingsTagHelper
grid ListViewGridSettingsTagHelper
listview-alt-template TemplateTagHelper
listview-edit-template TemplateTagHelper
listview-template TemplateTagHelper
pageable ListViewPageableSettingsTagHelper
scrollable ListViewScrollableSettingsTagHelper
selectable ListViewSelectableSettingsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
alt-template String Template to be used for rendering the alternate items in the listview.
alt-template-handler String Template to be used for rendering the alternate items in the listview.
alt-template-id String Template to be used for rendering the alternate items in the listview.
alt-template-view IHtmlContent Template to be used for rendering the alternate items in the listview.
aria-label String Sets an aria-label attribute on the ListView content element (the element with role listbox or list).
as-child-component Boolean
auto-bind Boolean If set to false the widget will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration.
bind-to IEnumerable<Object> Binds the ListView to a list of objects.
bordered Boolean Renders border around the listview element.
borders String Renders border around the listview items. Valid values are: all: renders borders around listview items.; horizontal: renders top border of listview items. Useful when setting layout: "flex" and flex.direction: column. or vertical: renders top border of listview items. Useful when setting layout: "flex" and flex.direction: row..
content-element String Defines the type of element that holds the listview content.
datasource-id String The data source id
edit-template-id String Specifies ListView item template in edit mode.
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
edit-template String Specifies ListView item template in edit mode.
edit-template-handler String Specifies ListView item template in edit mode.
edit-template-view IHtmlContent Specifies ListView item template in edit mode.
has-client-component Boolean
height Object The height of the listview. Numeric values are treated as pixels.
layout String Specify the layout of listview content. Valid options are: flex: This is equivalent to display: flex. It defines a flex container and enables a flex context for all its direct children. Think of flex items as primarily laying out either in horizontal rows or vertical columns. or grid: This is equivalent to display: grid. It defines the element as a grid container and establishes a new grid formatting context for its contents..
navigatable Boolean Indicates whether keyboard navigation is enabled/disabled.
on-cancel String Fired when the user clicks the "cancel" button.The event handler function context (available via the this keyword) will be set to the widget instance.
on-change String Fires when the ListView selection has changed.The event handler function context (available via the this keyword) will be set to the widget instance.
on-data-binding String Fires when the ListView is about to be bound.The event handler function context (available via the this keyword) will be set to the widget instance.
on-data-bound String Fires when the ListView has received data from the DataSource and it is already rendered.The event handler function context (available via the this keyword) will be set to the widget instance.
on-edit String Fires when the ListView enters edit mode.The event handler function context (available via the this keyword) will be set to the widget instance.
on-remove String Fires before the list view item is put in edit mode. If the event is not prevented, the ListView will call the DataSource sync method.The event handler function context (available via the this keyword) will be set to the widget instance.
on-save String Fired when a data item is saved.The event handler function context (available via the this keyword) will be set to the widget instance.
sanitize-id Boolean
tag-name String Specifies ListView wrapper element tag name.
template String The id of the template used for rendering the items in the listview.
template-handler String The id of the template used for rendering the items in the listview.
template-id String The id of the template used for rendering the items in the listview.
templates IDictionary<String,String>
template-view IHtmlContent The id of the template used for rendering the items in the listview.
In this article
Not finding the help you need?