为Blazor开发Telerik UI
Blazor列表视图
- Blazor ListView组件允许您定义项目的布局和功能，同时迭代您提供的数据源来可视化它们。
- 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计，以完美适合任何应用程序的需求。
- Blazor UI套件还配有专业设计的主题，只需轻按开关，文档处理库，丰富的文档和演示，帮助您立即开始。
-
Blazor ListView概述
ListView组件允许您在Blazor WebAssembly (WASM)和服务器端Blazor应用程序中以完全可定制的、时尚的模板列表显示数据源中的项目。ListView提供开箱即用的分页，多个模板(项目，页眉，页脚和编辑模板)，允许你设计组件的UI，不管它适合什么。此外，该组件公开多个事件，如:OnRead, OnUpdate, OnEdit, OnCreate, OnDelete, OnCancel, PageChanged，并允许您定义自定义数据源操作。
-
ListView分页
ListView组件具有内置的分页功能，您可以将Pageable参数设置为true，并通过PageSize参数将呈现项的数量定义为特定的数量(默认为10)来启用分页功能。
您可以通过三种不同的方式进一步配置分页特性:
指定显示的页面按钮的数量
控制页面大小和显示内容，以便用户可以更改它
选择首选的输入类型:
按钮-显示链接到各自页面的数字
输入字段——呈现一个数字文本框，允许用户输入他们想要看到的页码
下拉字段——允许用户从列表中选择页面
-
列表视图模板
您可以通过它提供的各种模板，为Blazor ListView外观完全定制Telerik UI:
- 模板-定义ListView所有项的显示方式(必选)
- 编辑模板-在编辑或插入模式下呈现ListView项
- 头模板-项目列表上方呈现的内容
- 页脚模板-在项目列表之后和在分页器之前呈现的内容
-
ListView自定义分页和按需加载数据
ListView组件允许您一次性获取所有数据，或按需加载数据。对于需要加载大量数据的情况，可以通过使用自定义分页和在用户浏览ListView页面时仅加载固定的项子集来提高性能。
-
列表视图编辑
ListView组件可以很容易地处理创建，更新和删除(CUD)操作在您的Blazor应用程序通过它的EditTemplate和使用命令按钮。ListViewCommandButton组件提供了以下内置的命令值:添加、编辑、保存、删除、取消。
-
ListView事件
ListView组件公开多个事件，让您处理Blazor应用程序中的数据。以下是可用事件及其触发器的摘要:
- OnRead-当需要获取数据时触发
- OnUpdate-在保存现有项目时触发
- OnEdit-当用户单击Edit命令时触发
- OnCreate-当新项目被保存时触发
- OnDelete-删除项目时触发
- 虚-在单击取消按钮时触发
- PageChanged-当用户页面通过ListView时触发
-
自定义数据源操作
ListView组件提供了实现自定义数据源操作的选项。只需添加一个按钮(或其他UI组件)并调用相应的操作—无论是计算、按需加载数据还是对数据源的任何其他更新。
-
ListView主题
Telerik Blazor ListView有几个内置主题比如Default(我们自己的样式)，Material(基于材质设计指导方针)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。控件可以轻松地使用几行CSS自定义任何开箱即用的主题，或者创建新主题以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序。
