Blazor分离器-概述

自行车总销量
2020年1月至2020年2月
531
商店的收入
2020年1月至2020年2月
105669美元
每月的目标
2020年1月至2020年2月
32%
32%
  • Overview.razor
加载演示源代码…请稍等。
Blazor UI忍者形象

Splitter组件是《Blazor》的teleerik UI一个专业级的UI库,拥有100多个本地组件,用于构建现代和功能丰富的应用程序。要想尝试一下,注册一个30天的免费试用。

描述

Blazor的teleerik UI分束器组件将页面分成几个部分,并允许用户控制页面布局。通过拖动分割条,使用它们的折叠/展开按钮并双击分割条,您可以调整窗格的大小和可见性,以便您可以看到您感兴趣的信息。

您可以在拆分器中放置任何内容,例如纯HTML和其他组件,甚至可以添加更多的拆分器,以便创建复杂的布局,供用户调整大小和定制。

Splitter可以作为高级组件,用于保存甚至创建应用程序的大部分布局,也可以将其放置在页面中以满足特定目的。

Splitter及其窗格可以通过多种方式进行定制。控件可以水平或垂直放置。您可以向Splitter及其窗格添加CSS类,以配置它们的默认大小、最小大小和最大大小,并定义它们是否可以调整大小和折叠。

组件触发三个事件:onresize, OnExpand和OnCollapse。当拆分器的窗格被调整大小、展开或折叠,并将窗格作为参数传递时,将触发每个事件。您可以使用它们来存储Splitter状态,这样当用户返回到页面时,它就会呈现出他们离开页面时的样子。

这个Splitter概述示例是数百个Blazor演示的独特集合的一部分,您可以看到所有这些Blazor组件的Telerik UI以及它们的功能。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观Blazor的teleerik REPLThemeBuilder

支持和学习资源

额外的资源

发生错误。此应用程序在重新加载之前可能不再响应。
重新加载
Baidu
map