如何将 Kendo ListView 放入 Kendo PanelBar 的内容中？答案

【问题标题】：How to put a Kendo ListView into the content of a Kendo PanelBar?如何将 Kendo ListView 放入 Kendo PanelBar 的内容中？
【发布时间】：2018-10-24 09:48:35
【问题描述】：

我必须将动态填充的 ListView 放入 动态创建 面板中。列表视图位于 ID 为 listView 的 div 中

我尝试了以下方法：

index.js：

panelbar.append({   
            text: "Group1",
            encoded: false,
            content: $("\#listView")          //puts [object Object]
            //OR
            content: '<object type="text/html" data="#listView" ></object>' //puts the whole html-page into panel, very interesting behaviour
 })

是否可以将 div 放入面板中，或者我必须使用部分 views/ 构建列表视图的长字符串以及如何。

我也尝试将 ListView 作为 PanelBar 的模板：

index.html:

<script id="panelbar-template" type="text/kendo-ui-template">
    <script>
        $("\#listView").kendoListView()
    </script>
</script>

<div id="panelBar" style="margin:0 auto; width: 90%">
     @(Html.Kendo().PanelBar()
        .Name("Panelbar")
        .TemplateId("panelbar-template")
        ..

【问题讨论】：

Here 是一种方式。
非常感谢，这对我的第一组有帮助（对于其他人：请参阅我对这个问题的回答）。但我仍然需要动态更改内容（在 javascript 中）
可能需要更多细节，但可以选择通过 AJAX 动态返回内容：.LoadContentFrom(Url.Action("MyAction", "MyController", new { id = detail.Id }))

标签： javascript html kendo-asp.net-mvc kendo-listview kendo-panelbar

【解决方案1】：

对于一个面板，我将 ListView 放入“MyPartialView.cshtml” 并在我的'index.cshtml'中写了以下内容：

@(Html.Kendo().PanelBar()
    .Name("panelbar")
    .ExpandMode(PanelBarExpandMode.Multiple)
    .Items(panelbar =>
    {
    panelbar.Add().Text("Group1")
         .Expanded(true)
         .Content(@<text> <div> abc @Html.Partial("MyPartialView")</div></text>); //THIS DID IT
    //;
    })
)

对于动态内容，我使用了部分视图

【讨论】：