2017-02-19 1 views
1

MVC5를 사용하여 검도 DataGrid에 데이터를 채우려고합니다. 자바 스크립트 파일을 올바르게 참조했지만, jQuery.Deferred 예외 : Kendo가 정의되지 않았습니다. 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

,863,210

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> 

답변

1
  • 당신은 당신이 kendo.all.min.js을 주석 한 것처럼 잘못 철자뿐만 아니라 생성자
  • 모습이 자바 스크립트 파일
  • 이 오류가 나타나는 주요 이유는 필요한 리소스가 잘못되었습니다. 제공되는 실행중인 샘플을 살펴보고 검도 관련 자바 스크립트 파일이 누락되어 있는지 확인하고 번들에 추가하십시오. 아마도 포함 된 리소스에 문제가있을 수 있습니다. 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> 
+0

감사 숀. 이제 작동합니다. – Tom

+0

언제든지. 너는 대단히 환영한다. –

관련 문제