Progress Telerik UI for Blazor
Blazor PanelBar
- 当您需要在可折叠面板中显示数据时，请使用Blazor PanelBar组件，让用户只展开必要的部分。
- 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计，完全适合任何应用程序的需求。
- Blazor UI套件还提供了专业设计的主题，支持开关的翻转，文档处理库，丰富的文档和演示，以帮助您立即开始。
-
概述
Blazor PanelBar组件的Telerik UI组合了一个垂直栏，包含多个支持分层数据的面板。每个面板可以单独展开，也可以与其他面板一起展开。所显示的数据可以是任意的——从纯文本到图像，再到用于Blazor控件的其他Telerik UI。
-
PanelBar配置
该组件允许您在两种模式之间切换:单模式(一次只能展开一个面板)和多模式(可以展开多个面板)。每个面板都可以被额外标记为禁用，以防止用户展开它。
-
模板
-
分层和扁平数据
该组件同时处理分层数据和平面数据。您可以显示简单的线性结构，如公司中所有员工的列表，也可以显示复杂的层次结构，如完整的组织结构图(例如，所有公司员工，列在其直接经理之下)。
Blazor PanelBar分层数据示例
Blazor PanelBar平面数据示例
-
事件
订阅OnItemClick事件，以便在单击任何组件元素(面板或面板项)时获得通知。订阅ExpandedItemsChanged当某个面板展开时做出反应。订阅OnItemRender了解项何时呈现，以便为其设置类。
Blazor PanelBar组件的用户界面也公开了OnExpand而且OnCollapse事件。当可展开的面板栏项被切换时，将调用这两个事件。OnExpand和OnCollapse都可以接收一个名为IsCancelled的事件参数，它允许你进一步控制触发逻辑以及是否阻止事件执行，分别保持项目的状态不变。
-
辅助功能和键盘导航
组件可以通过一组键盘快捷键进行导航:向上和向下箭头控制当前选择的项，右箭头和左箭头展开和折叠它，Home和End分别跳转到第一个和最后一个项，Enter展开当前面板或执行当前操作(例如，打开一个链接)。
-
Blazor面板条主题
Telerik UI的配色方案Blazor PanelBar完全由您的活动主题控制。只需几行代码，您就可以轻松地修改PanelBar的颜色。
