title: Kendo UI loop through collection in Json within template for ListView
body: <p>I am trying to figure out within a Kendo UI template for a list view how to loop through a collection within each object to render the information on the page. Here is an example of the json I am playing with:</p>
  
  <pre><code>{"Data":[{"Title":"Malicious Acts","KeyPairs":{"Key1":"12","Key2":"24"}},            {"Title":"Enrollments","KeyPairs":{"Key1":"12","Key2":"24"}},{"Title":"Customer Feedback","KeyPairs":{"Key1":"12","Key2":"24"}},{"Title":"Questionable Accounts","KeyPairs":{"Key1":"12","Key2":"24"}}],"Total":4,"AggregateResults":null,"Errors":null}
  </code></pre>
  
  <p>I want to render the KeyPairs items in the template and just an having some trouble understanding how to.</p>
  
  <p>Here is the source:</p>
  
  <pre><code>&lt;div id="subscriberFunctions"&gt;
  
      &lt;script type="text/x-kendo-tmpl" id="template"&gt;
          &lt;div class="subscriberFunction"&gt;
              &lt;h3&gt;${Title}&lt;/h3&gt;
             &lt;!-- Display KeyPairs --&gt;
          &lt;/div&gt;
      &lt;/script&gt;
  
      @(Html.Kendo().ListView&lt;SubscriberMenuFunction&gt;()
          .Name("listView")
          .TagName("div")
          .ClientTemplateId("template")
          .DataSource(dataSource =&gt;
          {
              dataSource.Read(read =&gt; read.Action("SubscriberMenu", "ListView"));
          })
          .Selectable(selectable =&gt; selectable.Mode(ListViewSelectionMode.Single))
  
      )
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm sure I'm just overthinking this, and it is something simplistic, but not sure how to implement the foreach loop in the template for Kendo UI to recognize it.</p>
  
  <p>Thanks in advance!</p>