为Blazor开发Telerik UI

Blazor寻呼机

  • 轻松地将数据集合分割成页面,甚至在用户使用Blazor Pager组件浏览列表时按需加载项目。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,以完美适合任何应用程序的需求。
  • Blazor UI套件还配有专业设计的主题,只需轻按开关,文档处理库,丰富的文档和演示,帮助您立即开始。
为Blazor套件的Telerik UI
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • Blazor寻呼机组件概述

    Blazor Pager的Telerik UI是一个独立的UI组件,可以将内容分割并将其漂亮地可视化到页面中。Pager有多个配置选项,可以使用这些选项定义项的总数、每页项的数量、可见的页面按钮的数量,以及支持按需加载每个页面的数据。

    该组件内置了对本地化、全球化、键盘支持和可访问性的支持,并在Blazor WebAssembly (WASM)和服务器端Blazor应用程序中工作。您可以轻松地将分页与其他Blazor组件集成在一起-就像我们与Blazor Grid和ListView所做的一样!

    Telerik UI为Blazor寻呼机演示

    Telerik UI为Blazor寻呼机概述
  • Blazor页导航组件双向绑定

    Pager的双向绑定特性允许组件响应来自其他元素的更改并更新它们。

    从外部输入选择页面时的Pager组件的示例。

    用于Blazor数据绑定的Telerik UI
  • 在Blazor Apps中配置分页

    您可以轻松地在Blazor应用程序中添加分页,并使用Pager组件的多个配置选项使其适应您的需求。该组件有以下设置:

    • 总计-数据源/分页器中的项计数
    • 页大小-在一个页面上显示的项目的数量
    • 页面- Pager组件的当前页面索引
    • ButtonCount-可见页面按钮的最大数量
    • -将在Pager的主包装元素上呈现的CSS类
    • 输入类型-按钮,显示页码和输入,显示一个数字文本框,允许用户在首选页面中键入
    Telerik UI为Blazor寻呼机-输入
  • 按需分页加载数据

    一次加载一个大数据集有时是很有挑战性的。最流行的一种方法是使用增量数据加载,因为需要根据用户的需求可视化附加项。用于Blazor Pager的Telerik UI提供了在选择新页面时按需加载数据的选项,它允许您在用户浏览内容时为每个页面获取新的数据子集。

    如何在Blazor中按需实现负载数据分页的示例。

    为Blazor按需加载的Telerik UI
  • 寻呼机组件集成

    我们在Telerik套件的Blazor组件中使用了Pager组件(如Grid和ListView),现在您也可以将它用于您的数据和模板了!

    如何将寻呼机与其他组件集成。

    为Blazor寻呼机集成的Telerik UI
  • 响应能力和适应性

    为Blazor寻呼机的Telerik UI将独立于应用程序分辨率,纵横比,设备方向或其他屏幕或设备属性来看其最佳效果。在最小分辨率下,分页器的按钮被渲染为选择元素。

    查看Blazor寻呼机适应性演示

  • 寻呼机组件定位

    Pager组件有内置的本地化支持,这使得它可以很容易地将文本翻译为您的Blazor应用程序可能需要的任何语言。

    Blazor中的寻呼机本地化示例

    用于Blazor寻呼机本地化的Telerik UI
  • 寻呼机组件键盘导航和可访问性

    与Blazor组件的所有其他Telerik UI一样,Pager组件支持开箱即用的键盘导航和web可访问性标准实现(WCAG, Section 508和屏幕阅读器的WAI-ARIA属性)。这使得仅使用键盘就可以轻松地在页面中导航,并通过辅助技术访问组件内容。

    带有键盘导航的Blazor寻呼机组件示例。

    Telerik用户界面为Bazor键盘导航
  • 寻呼机主题

    Blazor Pager的Telerik UI有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指导方针)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。控件可以轻松地使用几行CSS自定义任何开箱即用的主题,或者创建新主题以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序

    为Blazor寻呼机主题的Telerik UI

所有Blazor组件

下一个步骤

发射演示

请参阅用于Blazor的Telerik UI,看看它可以做多少开箱即用的工作。

下载免费试用

尝试为Blazor提供专门的技术支持的Telerik UI。

Baidu
map