组件/列表视图

新Blazor的Telerik UI?下载30天免费试用

列表视图模板

ListView组件是关于你的模板的——它没有自己的项目呈现，让你自定义所有方面。你可以定义:

模板

这是listview组件的主要构建块。定义每个项的布局模板你可以用上下文这是来自数据源的模型，以便获得该项的信息。

ListView中的项目模板

   @code{List ListViewData {get;设置;} =可枚举的。范围(250)。Select(x => new SampleData {Id = x, Name = $"Name {x}"}).ToList();公共类SampleData{公共int Id{获取;设置;}公共字符串名称{获取;设置; } } }

上面代码片段的结果

列表视图项模板

编辑模板

这是编辑或插入模式下的项呈现的模板，而不是其项模板。您可以使用它来添加输入或其他编辑器，以便用户可以修改数据。可以阅读有关编辑数据的更多信息，并查看使用此模板的示例列表视图编辑篇文章。

在ListView中声明一个编辑模板。注意:本例中不执行CUD操作。

这个例子展示了一个最小编辑模板声明。有关您需要实现的可用命令和事件处理程序的更多详细信息，请参阅以下文章:https://docs.telerik.com/blazor-ui/components/listview/editing *@   Edit
Add @code{List ListViewData {get;设置;} =可枚举的。范围(250)。Select(x => new SampleData {Id = x, Name = $"Name {x}"}).ToList();公共类SampleData{公共int Id{获取;设置;}公共字符串名称{获取;设置; } } }

头模板

这段代码显示在项的上方，但位于主listview包装器内。您通常会使用它来显示数据的标题或其他描述。您还可以添加按钮或其他将调用操作的组件(例如对数据源进行筛选或排序,或编辑数据）.

ListView中的头模板

@*项目模板为必填项。您还可以在头模板中添加其他组件。*@   
Employees