Blazor ListView概述
的Blazor ListView组件是一个完全可自定义的模板组件,它为数据源中的每个项重复布局。它允许你对数据进行分页,通过专用的编辑模板编辑项目,还可以添加页眉和页脚模板。
ListView组件是Blazor的Telerik UI,一个专业级的UI库,包含100多个本地组件,用于构建现代和功能丰富的应用程序。想要试用它,可以注册一个30天的免费试用期。
创建Blazor ListView
添加
TelerikListView
标记到Razor文件。填充它
数据
属性设置为您希望用户查看的项的集合。定义
模板
设置项目布局的样式。定义
HeaderTemplate
为列表标题设置样式。(可选)设置
可分页
属性启用分页并为组件设置尺寸。
ListView在读取模式下启用分页。
@*样式通常会转到网站样式表,你可以在本文中阅读更多关于组件提供的其他功能的详细信息*@ 员工列表
@context。< / h4名称> < h5 > @context。Team
@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事件.