Blazor Splitter概述
的Blazor分离器组件允许您将页面的一部分划分为用户可以调整大小和折叠的几个部分。这为应用程序和最终用户提供了房地产管理,这样他们就可以专注于当前任务中重要的内容。你也可以保存并加载它的状态,并回应事件。
Splitter组件是《Blazor》的teleerik UI一个专业级的UI库,拥有100多个本地组件,用于构建现代和功能丰富的应用程序。要想尝试一下,注册一个30天的免费试用。
为《Blazor》创建Splitter
声明
< TelerikSplitter >
标签可选地设置
宽度
和高度
参数设置为所需值。否则,组件大小将由内容和控件控制大小窗格的。- 您可以使用百分比形式的值(将它们设置为)
100%
(非常常见),这样拆分器就会占用其容器的整个大小。看到维有关可以使用的单位以及以百分比表示的维度如何工作的更多详细信息。
- 您可以使用百分比形式的值(将它们设置为)
在
< SplitterPanes >
子标签,添加所需的< SplitterPane >
标记来创建内容的部分。在每个
< SplitterPane >
,添加所需的内容-无论是HTML还是组件。可选地,为单个窗格设置所需的设置-例如初始,最小和最大大小,用户是否可以折叠和调整窗格的大小。
拆分器,占用其容器的100%,并显示其窗格的主要功能
这个例子展示了拆分器如何填充整个容器(用红色边框标记)以及组件及其窗格的主要特性。< span style=" font - family:宋体;身高:300 px;边框:1px实红色;> left sidebar. Can be collapsed and can be resized between 50px and 150px. right hand side pane - content. You cannot collapse this pane so it is always visible. Third pane that is initially collapsed and is not resizable.