Asp.net mvc 在剑道面板栏中编写HTML

我有一个剑道

PanelBar

，目前有两个面板。在Ist面板中，我有一个剑道

TreeView

，在第二个面板中，我有多个剑道

AutoComplete

s。现在，我必须在每个

AutoComplete

上方插入标签，以显示一些信息，还需要一个按钮来对

AutoComplete

s的内容执行操作。我找不到为此编写HTML的位置。

下面是呈现PanelBar的.cshtml代码

@{Html.Kendo().PanelBar()
      .Name("PanelBar")
      .ExpandMode(PanelBarExpandMode.Single)
      .Items(item =>
           {
               item.Add()
                   .Text("My Cloud")
                   .Content(() =>
                   {
                       Html.Kendo().TreeView()
    .Name("serverTree")
    .DragAndDrop(false)
    .ExpandAll(true)
    .Events(events => events
               .Select("onSelect")
     )

    .BindTo(Model as System.Collections.IEnumerable, (Kendo.Mvc.UI.Fluent.NavigationBindingFactory<TreeViewItem> mappings) =>
    {
       ...

//removed for brevity
       ...
    }).Render();
                   });


               item.Add()
                   .Text("Search")
                   .Content(() =>
                   {
//this is where I need to insert a label

                       Html.Kendo().AutoComplete()
          .Name("Category")
          .Filter("startswith")
          .Placeholder("Enter Category...")
          .BindTo(new string[] {
                "Albania",
                "Andorra",
                "Armenia",
                "Austria",
                "Azerbaijan",
                "Belarus",
                "Belgium",
                "Bosnia & Herzegovina",
                "Bulgaria"
          })

          .Separator(", ").Render();
//another label
                       Html.Kendo().AutoComplete()
         .Name("SubCategory")
         .Filter("startswith")
         .Placeholder("Enter SubCategory...")
         .BindTo(new string[] {
                "Albania",
                "Andorra",
                "Armenia",
                "Austria",
                "Azerbaijan",
                "Belarus",
                "Belgium",
                "Bosnia & Herzegovina",
                "Bulgaria"
          })

         .Separator(", ").Render();

         //another label

        Html.Kendo().AutoComplete()
        .Name("Keywords")
        .Filter("startswith")
        .Placeholder("Enter keywords...")
        .BindTo(new string[] {
                "Albania",
                "Andorra",
                "Armenia",
                "Austria",
                "Azerbaijan",
                "Belarus",
                "Belgium",
                "Bosnia & Herzegovina",
                "Bulgaria"
          })

        .Separator(", ").Render();

//And finally the button                  

 });


           })
           .Render();
}

@{Html.Kendo（）.PanelBar（）
.名称（“PanelBar”）
.ExpandMode（PanelBarExpandMode.Single）
.项目（项目=>
{
项目.添加（）
.Text（“我的云”）
.Content（（）=>
{
Html.Kendo（）.TreeView（）
.Name（“服务器树”）
.DragAndDrop（错误）
.ExpandAll（正确）
.Events（Events=>Events
.选择（“onSelect”）
)
.BindTo（模型为System.Collections.IEnumerable，（Kendo.Mvc.UI.Fluent.NavigationBindingFactory映射）=>
{
...
//为简洁起见，请删除
...
}).Render（）；
});
项目.添加（）
.Text（“搜索”）
.Content（（）=>
{
//这是我需要插入标签的地方
Html.Kendo（）.AutoComplete（）
.名称（“类别”）
.Filter（“startswith”）
.占位符（“输入类别…”）
.BindTo（新字符串[]）{
“阿尔巴尼亚”，
“安道尔”，
“亚美尼亚”，
“奥地利”，
“阿塞拜疆”，
“白俄罗斯”，
“比利时”，
“波斯尼亚和黑塞哥维那”，
“保加利亚”
})
.Separator（“，”）.Render（）；
//另一个标签
Html.Kendo（）.AutoComplete（）
.名称（“子类别”）
.Filter（“startswith”）
.占位符（“输入子类别…”）
.BindTo（新字符串[]）{
“阿尔巴尼亚”，
“安道尔”，
“亚美尼亚”，
“奥地利”，
“阿塞拜疆”，
“白俄罗斯”，
“比利时”，
“波斯尼亚和黑塞哥维那”，
“保加利亚”
})
.Separator（“，”）.Render（）；
//另一个标签
Html.Kendo（）.AutoComplete（）
.名称（“关键字”）
.Filter（“startswith”）
.占位符（“输入关键字…”）
.BindTo（新字符串[]）{
“阿尔巴尼亚”，
“安道尔”，
“亚美尼亚”，
“奥地利”，
“阿塞拜疆”，
“白俄罗斯”，
“比利时”，
“波斯尼亚和黑塞哥维那”，
“保加利亚”
})
.Separator（“，”）.Render（）；
//最后是按钮
});
})
.Render（）；
}

我使用Ajax内容加载器实现了这一点：

我编写了希望在局部视图中显示的html，并使用Kendo的ajax调用它：

@(
    Html.Kendo().PanelBar()
        .Name("panelbar")
        .ExpandMode(PanelBarExpandMode.Single)
        .Items(panelbar =>
            panelbar
                .Add()
                .Text("BODY")
                .LoadContentFrom(Url.Content("somepartialviewURL")))
)

---

您拉入的部分视图可以在html中包含KendoUI Autocomplete和前面的标签。

我使用Ajax内容加载器实现了这一点：

我编写了希望在局部视图中显示的html，并使用Kendo的ajax调用它：

@(
    Html.Kendo().PanelBar()
        .Name("panelbar")
        .ExpandMode(PanelBarExpandMode.Single)
        .Items(panelbar =>
            panelbar
                .Add()
                .Text("BODY")
                .LoadContentFrom(Url.Content("somepartialviewURL")))
)

---

您拉入的部分视图可能在html中有KendoUI Autocomplete和前面的标签。

谢谢@LogicalInsanity，它看起来是正确的路径。我会试试的。谢谢@LogicalInsanity，这看起来是一条正确的道路。我试试看。