服务器绑定

本地数据是PanelBar初始化时客户端上可用的数据。

通过将适当的集合传递给组件，可以在服务器本地绑定PanelBarBindTo ()方法。

1. 将数据传递给视图显示数据．

   public ActionResult Index() {ViewBag。panelbarData = GetData();返回视图();私人IEnumerable} < PanelBarItemModel > GetData(){列表< PanelBarItemModel > data =新列表< PanelBarItemModel >{新PanelBarItemModel{文本=“家具”,项目=新列表< PanelBarItemModel >{新PanelBarItemModel() =“桌子和椅子”}{文本,新PanelBarItemModel =“沙发”}{文本,新PanelBarItemModel{文本=“休闲家具}}},新的PanelBarItemModel{文本=“装饰”,项=新列表< PanelBarItemModel >{新PanelBarItemModel() =“床单”}{文本,新的PanelBarItemModel{文本= "窗帘和百叶窗"}，新的PanelBarItemModel{文本= "地毯"}}}};返回数据;｝

   使用Kendo.Mvc.TagHelpers;public ActionResult Index() {ViewBag。panelbarData = GetData();返回视图();私人IEnumerable} < PanelBarItemBase > GetData(){列表< PanelBarItemBase > data =新列表< PanelBarItemBase >{新PanelBarItemBase{文本=“家具”,项目=新列表< PanelBarItemBase >{新PanelBarItemBase() =“桌子和椅子”}{文本,新PanelBarItemBase =“沙发”}{文本,新PanelBarItemBase{文本=“休闲家具}}},新的PanelBarItemBase{文本=“装饰”,项=新列表< PanelBarItemBase >{新PanelBarItemBase() =“床单”}{文本,新的PanelBarItemBase{文本= "窗帘和百叶窗"}，新的PanelBarItemBase{文本= "地毯"}}}};返回数据;｝

2. 将PanelBar添加到视图中，并将其绑定到保存在显示数据．

   @using Kendo.Mvc.UI.Fluent @(Html.Kendo().PanelBar() .Name("panelbar") .BindTo((IEnumerable) viewpack . panelbardata))

    < / kendo-panelbar >

另请参阅

• Ajax数据绑定的PanelBar HtmlHelper。NET Core (Demo)
• 客户端API
• 服务器端API