Blazor ListView概述

的Blazor ListView组件是一个完全可自定义的模板组件，它为数据源中的每个项重复布局。它允许你对数据进行分页，通过专用的编辑模板编辑项目，还可以添加页眉和页脚模板。

ListView组件是Blazor的Telerik UI，一个专业级的UI库，包含100个本地组件，用于构建现代和功能丰富的应用程序。想要试用它，可以注册一个30天的免费试用期。

下载免费试用

创建Blazor ListView

1. 添加TelerikListView标记到Razor文件。

2. 填充它数据属性设置为您希望用户查看的项的集合。

3. 定义模板设置项目布局的样式。

4. 定义HeaderTemplate为列表标题设置样式。

5. (可选)设置可分页属性启用分页并为组件设置尺寸。

@*样式通常会转到网站样式表，你可以在本文中阅读更多关于组件提供的其他功能的详细信息*@   
员工列表
    @code{List ListViewData {get;设置;} =可枚举的。范围(1,25)。Select(x => new SampleData {Id = x, Name = $"Name {x}"， Team = $"Team {x % 3}"}).ToList();公共类SampleData{公共int Id{获取;设置;}公共字符串名称{获取;设置;}公共字符串团队{获取; set; } } } 

模板

ListView允许完全控制项目的呈现和布局。该组件具有用于编辑项的页眉、页脚和模板。阅读更多关于Blazor ListView模板．

编辑

ListView组件具有将项置于编辑/插入模式的功能，以及通过专用命令按钮删除项的功能。阅读更多关于Blazor ListView编辑．

分页

ListView支持对所提供的数据进行自动分页，因此用户需要做的滚动操作较少。列表也更适合布局。阅读更多关于Blazor ListView分页．

刷新数据

ListView可以手动刷新它的数据，这样组件就可以对集合中的变化做出反应。阅读更多关于Blazor ListView数据刷新．

事件

ListView提供与编辑和编辑相关的事件按需加载数据．阅读更多关于Blazor ListView事件．

下一个步骤

• 实现ListView模板

• 启用ListView编辑

• 探索ListView事件

另请参阅

• Live ListView演示
• ListView API参考