PanelBar概述

面板条是Telerik UI for ASP。网络核心，一个具有 110+ 组件的专业级UI库，用于构建现代和功能丰富的 应用程序。想要试用它，可以注册一个30天的免费试用期。

下载免费试用

Telerik UI PanelBar TagHelper和HtmlHelper。网络核心are server-side wrappers for the Kendo UI PanelBar widget.

PanelBar将分层数据显示为多层次、可扩展的小部件。

• PanelBar TagHelper的演示页面

• PanelBar HtmlHelper的演示页面

基本配置

下面的示例演示了PanelBar的基本配置。

@(Html.Kendo(). panelbar (). name ("panelbar") . expandmode (PanelBarExpandMode.Single) . items (panelbar => {panelbar. add (). text ("Projects") . items (Projects => {Projects . add()。文本(“新业务计划”);projects.Add()。Text("Sales Forecasts") . items (Forecasts => {Forecasts . add()。文本(“Q1预测”);forecasts.Add()。文本(“第二季度预测”);forecasts.Add()。文本(“第三季度预测”);forecasts.Add()。文本(“第四季度预测”);}); projects.Add().Text("Sales Reports"); }); panelbar.Add().Text("Programs") .Items(programs => { programs.Add().Text("Monday"); programs.Add().Text("Tuesday"); programs.Add().Text("Wednesday"); programs.Add().Text("Thursday"); programs.Add().Text("Friday"); }); panelbar.Add().Text("Communication").Enabled(false); }) )

 < hierarchy -datasource>     < hierarchy -model id="EmployeeId" has-children="HasEmployees">    

           < panelbar-item text="Floor">  < / kendo-panelbar >

功能和特性

• 数据绑定
• 扩展模式
• 可访问性

事件

你可以订阅所有的PanelBar事件．有关基本PanelBar事件的完整示例，请参阅演示如何使用PanelBar的事件．

按处理程序名称处理

下面的示例演示如何通过处理程序名称订阅事件。

@(Html.Kendo(). panelbar (). name ("panelbar") . events (e => e . expand ("panelbar_expand") . collapse("panelbar_collapse")))