我试图在Kendo UI模板中找出一个列表视图,如何循环遍历每个对象中的一个集合来呈现页面上的信息.以下是我正在玩的json的例子：
{"Data":[{"Title":"MalicIoUs Acts","KeyPairs":{"Key1":"12","Key2":"24"}},{"Title":"Enrollments",{"Title":"Customer Feedback",{"Title":"Questionable Accounts","Key2":"24"}}],"Total":4,"AggregateResults":null,"Errors":null}
我想将KeyPairs项目渲染到模板中,只是有一些麻烦,了解如何.
来源：
<div id="subscriberFunctions">
<script type="text/x-kendo-tmpl" id="template">
<div class="subscriberFunction">
<h3>${Title}</h3>
<!-- Display KeyPairs -->
</div>
</script>
@(Html.Kendo().ListView<SubscriberMenuFunction>()
.Name("listView")
.TagName("div")
.ClientTemplateId("template")
.DataSource(dataSource =>
{
dataSource.Read(read => read.Action("SubscriberMenu","ListView"));
})
.Selectable(selectable => selectable.Mode(ListViewSelectionMode.Single))
)
</div>
我相信我只是反思这个,这是一个简单的事情,但是不知道如何在Kendo UI的模板中实现foreach循环来识别它.
提前致谢！
解决方法
您可以在for循环中使用计数器来执行此操作.这应该解决你的问题：
<script type="text/x-kendo-tmpl" id="template">
<div class="subscriberFunction">
<h3>${Title}</h3>
<!-- Display KeyPairs -->
<ul>
#for (var i=0,len=KeyPairs.length; i<len; i++){#
<li>${ KeyPairs[i] }</li>
# } #
</ul>
</div>
