jQuery.Deferred例外：剣道が定義されていませんReferenceError：剣道が定義されていません

剣道データグリッドにMVC5を使用してデータを入力しようとしています。しかし、javascriptファイルを正しく参照しましたが、jQuery.Deferred例外：剣道が定義されていないというエラーメッセージが表示されます。ReferenceError：剣道は定義されていません。jQuery.Deferred例外：剣道が定義されていませんReferenceError：剣道が定義されていません

私は、コンソールウィンドウに表示、エラーは次の行にある

var carsDataSource = new Kendo.Data.DataSource({ data: cars });

ご覧ください

レイアウトメイジ

<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>@ViewBag.Title - My ASP.NET Application</title> 

    @Styles.Render("~/Content/css") 
    <link href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.common.min.css" rel="stylesheet" /> 
    <link href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.default.min.css" rel="stylesheet" /> 

    @Scripts.Render("~/bundles/modernizr") 
    @Scripts.Render("~/bundles/jquery") 

    <script src="https://kendo.cdn.telerik.com/2017.1.118/js/kendo.web.min.js"></script> 
    @*<script src="https://kendo.cdn.telerik.com/2017.1.118/js/kendo.all.min.js"></script>*@ 
</head>

におけるヘッド部以下のコードDataGridController

public class DataGridController : Controller 
    { 
     // GET: DataGrid 
     public ActionResult Index() 
     { 
      return View(); 
     } 
    }

Index.htmlとが

@{ 
    ViewBag.Title = "Index"; 
} 

<h2>Index</h2> 


<div id="cars"></div> 


<script> 

    $(document).ready(function() { 


     var cars = [ 
      { year: 2012, make: "Ferrari", model: "California" }, 
      { year: 2013, make: "Ferrari", model: "458 Italia" }, 
      { year: 2014, make: "Lambhorhini", model: "California" }, 
      { year: 2015, make: "Porche", model: "California" }, 
      { year: 2015, make: "Audi", model: "A7" }, 
      { year: 2016, make: "Mercedez", model: "E350" }, 
      { year: 2016, make: "Nisan", model: "California" }, 
      { year: 2015, make: "Ford", model: "California" }, 
      { year: 2014, make: "Jaguar", model: "California" }, 
      { year: 2015, make: "McLaren", model: "California" }, 
      { year: 2013, make: "Ferrari", model: "California" }, 
      { year: 2011, make: "Mercedez", model: "C200" }, 
      { year: 2017, make: "Mercedez", model: "GLA" }, 
     ]; 

     var carsDataSource = new Kendo.Data.DataSource({ data: cars }); 
     carsDataSource.read(); 

     $("#cars").kendoGrid({ dataSource: carsDataSource }); 

    }); 

</script>

出典

2017-02-19 Tom

あなたはスペルミスコンストラクタ
を持っているだけでなく、あなたのように見えるのJavaScriptファイル
kendo.all.min.jsをコメントアウトしていますこのエラーが表示される主な理由は、必要なリソースの設定が間違っている実行中のサンプルを調べ、剣道に関連するjavascriptファイルがないかどうかを確認し、バンドルに追加してください。おそらく、含まれているリソースに何か問題があります。以下は

あなたはfalseに、グリッドの自動バインドを設定しない限り、あなたは、読み取り（）関数を起動する必要はありません。また剣道グリッドの最低限必要な構成

<head> 
    <title></title> 
    <link rel="stylesheet" href="styles/kendo.common.min.css" /> 
    <link rel="stylesheet" href="styles/kendo.default.min.css" /> 
    <link rel="stylesheet" href="styles/kendo.default.mobile.min.css" /> 

    <script src="js/jquery.min.js"></script> 
    <script src="js/kendo.all.min.js"></script> 
</head>

です。このドキュメントを参照してくださいread method of kendo grid

ここにあなたのコードのライブバージョンです。ここ

道場サンプルworking dojo sample

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Untitled</title> 

    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.common.min.css"> 
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.rtl.min.css"> 
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.default.min.css"> 
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.1.118/styles/kendo.mobile.all.min.css"> 

    <script src="http://code.jquery.com/jquery-1.12.3.min.js"></script> 
    <script src="http://kendo.cdn.telerik.com/2017.1.118/js/angular.min.js"></script> 
    <script src="http://kendo.cdn.telerik.com/2017.1.118/js/jszip.min.js"></script> 
    <script src="http://kendo.cdn.telerik.com/2017.1.118/js/kendo.all.min.js"></script></head> 
<body> 

<div id="cars"></div> 

<script> 

    $(document).ready(function() { 

     var carsList = [ 
      { year: 2012, make: "Ferrari", model: "California" }, 
      { year: 2013, make: "Ferrari", model: "458 Italia" }, 
      { year: 2014, make: "Lambhorhini", model: "California" }, 
      { year: 2015, make: "Porche", model: "California" }, 
      { year: 2015, make: "Audi", model: "A7" }, 
      { year: 2016, make: "Mercedez", model: "E350" }, 
      { year: 2016, make: "Nisan", model: "California" }, 
      { year: 2015, make: "Ford", model: "California" }, 
      { year: 2014, make: "Jaguar", model: "California" }, 
      { year: 2015, make: "McLaren", model: "California" }, 
      { year: 2013, make: "Ferrari", model: "California" }, 
      { year: 2011, make: "Mercedez", model: "C200" }, 
      { year: 2017, make: "Mercedez", model: "GLA" }, 
     ]; 

      var carsDataSource = new kendo.data.DataSource({data: carsList});    

      carsDataSource.read(); 

      $("#cars").kendoGrid({ dataSource: carsDataSource }); 

    }); 

</script>

出典

2017-02-19 19:13:43

感謝ショーン。それは今働く。 – Tom

いつでもどういたしまして –

jQuery.Deferred例外：剣道が定義されていませんReferenceError：剣道が定義されていません

答えて

関連する問題