title: Kendo UI Grid Datasource and REST API
body: <p>Using the Kendo UI Grid and Datasource, I'm connecting to a REST API. However there are a couple problems being reported:</p>
  
  <blockquote>
    <p>Unknown DataSource transport type 'json'. Verify that registration
    scripts for this type are included after Kendo UI on the page.</p>
    
    <p>kendo.all.js:6621 Uncaught TypeError: Cannot read property 'slice' of
    undefined</p>
  </blockquote>
  
  <p>I've reviewed the Kendo UI Grid and Datasource documentation and as far as I can tell, everything is correct (but obviously it's not since the grid isn't populating with any data).</p>
  
  <p>Here is the web page code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;title&gt;Kendo UI DataSource Proof of Concept&lt;/title&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;link rel="stylesheet" href="http://cdn.kendostatic.com/2016.1.412/styles/kendo.common.min.css" /&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /&gt;
      &lt;link rel="stylesheet" href="http://cdn.kendostatic.com/2016.1.412/styles/kendo.bootstrap.min.css" /&gt;
  &lt;/head&gt;
  
  &lt;body style="margin:100px"&gt;
      &lt;script src="https://code.jquery.com/jquery-2.2.3.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://cdn.kendostatic.com/2016.1.412/js/kendo.all.min.js"&gt;&lt;/script&gt;
      &lt;div class="panel panel-default"&gt;
          &lt;div class="panel-body"&gt;
              &lt;div id="grid"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;script&gt;
          $(document).ready(function () {
              $('#grid').kendoGrid({
                  dataSource: {
                      autoSync: true,
                      type: 'json',
                      transport: {
                          read: {
                              url: 'http://cors.io/?u=http://api.lifestylesdiscovery.com/api/evaluation/test/salecomps',
                              dataType: 'json',
                              type: 'GET'
                          }
                      },
                      schema: {
                          data: 'rows'
                      }
                  },
                  columns: [
                      { field: 'Street' },
                      { field: 'Subdivision' },
                      { field: 'Beds' }
                  ]
              });
          })
      &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>