2016-04-29 23 views
1

剣道UIグリッドとデータソースを使用して、私はREST APIに接続しています。しかし、報告されているカップルの問題があります。剣道UIグリッドデータソースとREST API

Unknown DataSource transport type 'json'. Verify that registration scripts for this type are included after Kendo UI on the page.

kendo.all.js:6621 Uncaught TypeError: Cannot read property 'slice' of undefined

私は剣道UIグリッドとデータソースのドキュメントを確認しましたし、私の知る限り、すべてが(正しいですが、グリッドが移入されていないので、明らかにそれはありませんどんなデータでも)。ここで

は、Webページのコードです: http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-type JSONによると、

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title>Kendo UI DataSource Proof of Concept</title> 
 
    <meta charset="utf-8"> 
 
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2016.1.412/styles/kendo.common.min.css" /> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> 
 
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2016.1.412/styles/kendo.bootstrap.min.css" /> 
 
</head> 
 

 
<body style="margin:100px"> 
 
    <script src="https://code.jquery.com/jquery-2.2.3.min.js"></script> 
 
    <script src="http://cdn.kendostatic.com/2016.1.412/js/kendo.all.min.js"></script> 
 
    <div class="panel panel-default"> 
 
     <div class="panel-body"> 
 
      <div id="grid"></div> 
 
     </div> 
 
    </div> 
 

 
    <script> 
 
     $(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' } 
 
       ] 
 
      }); 
 
     }) 
 
    </script> 
 

 
</body> 
 
</html>

+0

剣道はjQuery 2.xと互換性がありますか? – whipdancer

答えて

0

私はデータソースレベル・タイプのparamにすべて一緒に削除したいサポートされていない値

0

ですこれは、REST APIをクエリするときに少しカスタマイズが必要です。schema.dataの関数を使用すると、返されたデータセットを検査できるようになり、 'data'は配列を予期します。 あなたの場合。

 dataSource: { 
      type: "json", 
      schema: { 
       data: function (e) { 
        return e.Results // inspect 'e' as to where your data resides 
       } 
      }, 
      serverFiltering: true, 
       transport: { 
        read: url, 
        parameterMap: function (options, type) { 
         var paramMap = kendo.data.transports.odata.parameterMap(options); 
         delete paramMap.$format; 
         return paramMap; 
        } 
       } 
      } 
1

「未定義のプロパティ「スライス」を読み込めませんのためにタイプ

type: 'jsonp', 

の利用JSONP。IEで

デバッグ、それがoccouringされる行をコメント、またはの正しい組み合わせを使用jsファイル。私は使用していますhttp://kendo.cdn.telerik.com/2015.2.902/js/kendo.all.min.js

関連する問題