सूची दृश्य के लिए टेम्पलेट के भीतर जेसन में संग्रह के माध्यम से केंडो यूआई लूप

Question

मैं एक सूची के लिए एक केंडो यूआई टेम्पलेट के भीतर पता लगाने की कोशिश कर रहा हूं कि पेज पर जानकारी प्रस्तुत करने के लिए प्रत्येक ऑब्जेक्ट के भीतर एक संग्रह के माध्यम से कैसे लूप करना है। यहाँ json मैं के साथ खेल रहा हूँ का एक उदाहरण है:

{"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} 

मैं टेम्पलेट में 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> 

मुझे यकीन है कि मैं सिर्फ इस overthinking कर रहा हूँ कर रहा हूँ, और यह कुछ साधारण है, लेकिन नहीं जानते कि कैसे टेम्पलेट में foreach पाश को लागू करने के केंडो यूआई पहचान करने के लिए के लिए यह।

अग्रिम धन्यवाद!

Answer 1

आप के लिए लूप में एक काउंटर के साथ ऐसा कर सकते हैं।

<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> 

Answer 2

आप एक टेम्पलेट के अंदर मनमाने ढंग से जावा स्क्रिप्ट कोड हो सकता है:

<script type="text/x-kendo-tmpl" id="template"> 
    <div class="subscriberFunction"> 
     <h3>${Title}</h3> 
     <!-- Display KeyPairs --> 
     <ul> 
     # for (var key in KeyPairs) { # 
       <li>${ KeyPairs[key] }</li> 
     # } # 
     </ul> 
    </div> 
</script>