Represents a Telerik UI for Blazor ListView component that displays data in a customizable list format with support for templates, pagination, and CRUD operations. Use this component to present data items with rich, custom layouts beyond simple tables or grids. Supports editing workflows, custom templates for each item, header and footer content, and pagination for large datasets. Provides full CRUD capabilities with events for create, read, update, and delete operations.
Definition
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Type Parameters:
TItem
The type of data item that the ListView will display and manipulate. Each TItem instance represents a single row of data that will be rendered using the Template and can be edited using the EditTemplate.
Syntax:
public class TelerikListView<TItem> : GridBase<TItem>, IComponent, IHandleEvent, IHandleAfterRender, IDisposableInheritance: objectComponentBaseBaseComponentDataBoundComponent<TItem>GridBase<TItem>TelerikListView<TItem>...
Implements:
Inherited Members
Constructors
public TelerikListView()Methods
protected override void BuildRenderTree(RenderTreeBuilder __builder)Overrides:
Properties
ComponentLoaderContainer
ComponentLoaderContainer
public ComponentLoaderContainer ComponentLoaderContainer { get; set; }EditTemplate
RenderFragment<TItem>
Defines the layout and content displayed when a ListView item is being edited during CRUD operations. Access the item being edited through @context to bind form controls to item properties.
[Parameter]
public RenderFragment<TItem> EditTemplate { get; set; }Enables WebMCP tool registration for this ListView, allowing AI models to discover and invoke list view operations.
[Parameter]
public bool EnableWebMcpTools { get; set; }Defines content displayed at the bottom of the ListView below all data items and pagination controls.
[Parameter]
public RenderFragment FooterTemplate { get; set; }Defines content displayed at the top of the ListView above all data items.
[Parameter]
public RenderFragment HeaderTemplate { get; set; }Configures ListView settings including pagination behavior and layout options. Children: ListViewPagerSettings for controlling page size options, navigation style, and pager position.
[Parameter]
public RenderFragment ListViewSettings { get; set; }Fires when a user cancels editing of an item without saving changes, typically by clicking a Cancel button. Event provides ListViewCommandEventArgs with the item that was being edited and the ability to cancel the operation.
[Parameter]
public EventCallback<ListViewCommandEventArgs> OnCancel { get; set; }Fires when a user initiates the creation of a new item through ListView commands or actions. Event provides ListViewCommandEventArgs with the new item data and the ability to cancel the operation.
[Parameter]
public EventCallback<ListViewCommandEventArgs> OnCreate { get; set; }Fires when a user initiates deletion of an item through ListView commands or actions. Event provides ListViewCommandEventArgs with the item being deleted and the ability to cancel the operation.
[Parameter]
public EventCallback<ListViewCommandEventArgs> OnDelete { get; set; }Fires when a user initiates editing of an existing item through ListView commands or actions. Event provides ListViewCommandEventArgs with the item being edited and the ability to cancel the operation.
[Parameter]
public EventCallback<ListViewCommandEventArgs> OnEdit { get; set; }Fires when the ListView needs to load data, enabling custom data source operations like filtering, sorting, and pagination. Cannot be combined with the Telerik.Blazor.Data parameter - choose either direct data binding or OnRead for data management. Provides ListViewReadEventArgs with paging and request information for implementing custom data logic.
[Parameter]
public EventCallback<ListViewReadEventArgs> OnRead { get; set; }Fires when a user confirms changes to an edited item, typically by clicking a Save or Update button. Event provides ListViewCommandEventArgs with the updated item data and the ability to cancel the operation.
[Parameter]
public EventCallback<ListViewCommandEventArgs> OnUpdate { get; set; }Template
RenderFragment<TItem>
Defines the layout and content for each data item in the ListView using custom markup and data binding. Access item properties through @context to display data, format values, or bind to other components.
[Parameter]
public RenderFragment<TItem> Template { get; set; }