Progress Telerik UI for Blazor

Blazor分配器

  • Blazor Splitter组件将页面分成多个部分,并允许用户通过直观的拖放来控制其布局—窗格大小和可见性。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,完全适合任何应用程序的需求。
  • Blazor UI套件还提供了专业设计的主题,支持开关的翻转,文档处理库,丰富的文档和演示,以帮助您立即开始。
Telerik UI的Blazor套件
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • Blazor分离器概述

    Blazor Splitter的Telerik UI是一个布局组件,其主要目标是让用户控制几个子组件(称为窗格)的大小。窗格可以根据用户的喜好调整大小,并折叠以释放最大屏幕空间。

    查看Telerik UI的Blazor Splitter演示

    Telerik UI Blazor Splitter -概述
  • 定制

    Splitter和它的窗格可以用几种方式进行定制。控件可以水平或垂直放置。您可以向Splitter及其窗格中添加CSS类,以配置它们的默认大小、最小大小和最大大小,并定义它们是否可以调整大小和折叠。
    Blazor分配器-方向
  • 普利特事件

    组件触发了三个事件——onresize, OnExpand和OnCollapse。当拆分器的窗格被调整大小、展开或折叠,并将该窗格作为参数传递时,将触发每个事件。

    在我们的文档中了解更多关于Blazor Splitter事件
    Telerik UI Blazor Splitter -调整大小
  • 嵌套分割

    在更复杂的场景中,您可能希望将几个分割器嵌套到另一个分割器中。您可以在垂直分隔器中放置水平分隔器,反之亦然,以帮助用户从多个方向调整窗格的大小。该组件很好地支持该功能,在我们的文档中有一个示例。
  • 状态

    为了提供良好的用户体验,Splitter必须记住它的状态,以便下次用户打开web应用程序时,相同的窗格以适当的尺寸显示。因此,Splitter的状态可以通过编程方式保存、恢复和修改。

    请参阅如何配置拆分器状态
  • 主题

    Splitter组件有20多个内置主题,如Default(我们自己的样式),Material(基于材质设计指南)和Bootstrap(看起来像Bootstrap样式,以便更好地集成)。属性可以轻松地自定义任何开箱即用的主题,或者使用属性创建新的主题来匹配颜色和品牌Telerik SASS ThemeBuilder应用程序。
    Telerik UI的Blazor Splitter
  • 键盘导航

    Splitter组件允许用户仅使用键盘来导航窗格。无论应用程序的用户是狂热的键盘用户还是更喜欢老式的鼠标方法,他们都喜欢使用该控件。
    Telerik UI Bazor键盘导航

所有Blazor组件

下一个步骤

发射演示

看看Telerik UI的Blazor在行动,并检查它可以做多少开箱即用。

下载免费试用

尝试Telerik UI Blazor与专门的技术支持。

Baidu
map