TypeError r을 유발하는 Kendo Grid 로컬 데이터 소스가 정의되지 않았습니다.

Question

이 코드에서 로컬 데이터 소스를 사용하는 검도 그리드를 만들고 있습니다.

var jsondata = [{ 
    abc: "Star Wars: A New Hope", 
    def: 1977, 
    ghi: 1977, 
    jkl: 1977, 
    mno: 1977, 
    pqr: 1977 
}]; 

$("div#@code").Grid({ 
    dataSource: { 
     data: jsondata, 
     schema: { 
      model: { 
       fields: { 
        abc: { type: "string" }, 
        def: { type: "number" }, 
        ghi: { type: "number" }, 
        jkl: { type: "number" }, 
        mno: { type: "number" }, 
        pqr: { type: "number" } 
       } 
      } 
     }, 
     pageSize: 20 
    }, 
    height: 430, 
    scrollable: true, 
    sortable: true, 
    filterable: true, 
    pageable: { 
     input: true, 
     numeric: false 
    }, 
    autoBind: true, 
    columns: [ 
      { title: 'abc', field: 'abc' }, 
      { title: 'def', field: 'def' }, 
      { title: 'ghi', field: 'ghi' }, 
      { title: 'jkl', field: 'jkl' }, 
      { title: 'mno', field: 'mno' }, 
      { title: 'pqr', field: 'pqr' }, 
     ], 
    }); 

.Grid는 kendoGrid 함수의 확장입니다. 그리드를 사용자 정의해야했기 때문입니다. 그 함수 내에서 호출

//  Initialize the grid. 
kendo.ui.Grid.fn.init.call(that, element, options); 

코드를 테스트했을 때 브라우저에서 TypeError r이 정의되지 않았습니다. 내가 연구를 한 후에, 그것은 로컬 데이터 소스를 사용하기 때문에 물론 존재하지 않는 dataSource 업데이트 메소드를 호출하려고하는 검도 그리드에 관한 것입니다.

검도 표를 설정하여 원격 데이터 소스를 읽지 않고 로컬 데이터 소스 만 사용하는 옵션이 누락 되었습니까?

데이터 소스가 원격 인 경우 그리드가 오류를 발생시키지 않고 정상적으로 작동합니다.

Answer 1

코드를 복사하여 jsbin http://jsbin.com/qowilugo/1/edit에 붙여 넣으십시오. 당신이 설명 된 바와 같이 이 난 단지, 그리드 기능 이후

$("div#code").kendoGrid({ 

에

$("div#@code").Grid({ 

에서 코드의 한 라인을 변경할 필요가 만든 확장/사용자 정의 JQuery와 함수이다. 그리고 jsbin 코드가 제대로 작동하고 있습니다.

확장/사용자 정의 jquery 기능을 디버깅해야합니다. serverPaging, serverGrouping, 전송 옵션 설정과 같이 로컬 데이터 소스를 따르지 않는 코드의 일부가있을 수 있습니다.