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的基本配置。
@(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"> hierarchy -model> hierarchy -datasource>
< panelbar-item text="Floor"> items> < / kendo-panelbar >
功能和特性
事件
你可以订阅所有的PanelBar事件.有关基本PanelBar事件的完整示例,请参阅演示如何使用PanelBar的事件.
按处理程序名称处理
下面的示例演示如何通过处理程序名称订阅事件。
@(Html.Kendo(). panelbar (). name ("panelbar") . events (e => e . expand ("panelbar_expand") . collapse("panelbar_collapse")))