Kendo UI循环通过ListView中的Json中的集合

我试图在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>

原文地址：https://www.jb51.cc/js/153019.html