title: json data binding in kendo ui mobile listview
body: <p>I am developing a mobile app using Kendo ui mobile and Phonegap.I have a JSON data, <a href="http://www.json-generator.com/j/bZnjoTdIuq?indent=4" rel="nofollow">Here</a> . I want to bind this JSON to kendo ui mobile listview. I have tried following code, but its not working. It not even showing the listview. Can anyone please help me? Thanks. </p>
  
  <pre class="lang-js prettyprint-override"><code>function mobileListViewEndlessScrolling() {
  
  
          var dataSource = new kendo.data.DataSource({
                  serverFiltering: true,
                  transport      : {
                      read: {
                          type       : "GET",
                          url        : "http://www.json-generator.com/j/bZnjoTdIuq?indent=4",
                          contentType: "application/json; charset=utf-8",
                          dataType   : "json",
                          error      : function (xhr, ajaxOptions, thrownError) {
                              alert("error " + xhr.responseText);
                          }
                      }
                  },
                  schema         : {
                      data: "Data"
                  },
                  type           : "json",
                  parameterMap   : function (options) {
                      return JSON.stringify(options);
                  }
              });
  
  
  
  
              $("#endless-scrolling").kendoMobileListView({
                  dataSource: dataSource,
                  template: $("#endless-scrolling-template").text(),
                  endlessScroll: true
              });
          }
  </code></pre>
  
  <p>and here is my listview item template,</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;script type="text/x-kendo-tmpl" id="endless-scrolling-template"&gt;
  
  
  
  &lt;div class="product"&gt;
  
      &lt;img src="images/image.jpg" alt="#=ProductName# image" class="pullImage"/&gt;
      &lt;h3&gt;#:ProductName#&lt;/h3&gt;
      &lt;p&gt;$#:kendo.toString(UnitPrice, "c")#&lt;/p&gt;
      &lt;a id="minus" data-role="button" onclick="minus(#:ProductID#)" &gt;-&lt;/a&gt;
      &lt;label id=#:ProductID#&gt;0&lt;/label&gt;
     &lt;a id="plus" data-role="button" onclick="plus(#:ProductID#)" &gt;+&lt;/a&gt;
  
      &lt;a id="loginButton" data-role="button" data-click="login"&gt;Add to Cart&lt;/a&gt;
      &lt;div class="console"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>