我必须将动态填充的列表视图放入动态创建的面板中。 列表视图位于 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
//;
})
)
对于动态内容,我使用部分视图