如何将剑道列表视图放入剑道面板栏的内容中?



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

我尝试了以下方法:

索引.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 放入面板,还是必须使用部分 视图/构建列表视图以及如何构建的长字符串。


我还尝试将列表视图作为面板栏的模板:

索引.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")
..

对于一个面板,我将我的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
//;
})
)

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

最新更新