코드에서 그리드를 생성하지 않고 검도 UI 그리드를 json 파일에 바인딩

Question

검도 UI 그리드를 json 파일에 행운으로 바인딩하려고합니다.

내가 발견 한 모든 예제는 코드에서 눈금을 만들 때 발생했습니다. 나는 그것을 선언적으로 할 필요가있다.

dataSource를 별도로 범위에 넣는 것과 동일한 것입니까, 아니면 "options"내부입니까?

"myDataSrc"를 코드의 간단한 배열로 설정하면 바인딩이 작동합니다. 그러나 파일에서 "kendo.data.DataSource"로, 그것은하지 않습니다.

<div kendo-grid k-options="options" k-data-source="myDataSrc"></div> 


     $scope.myDataSrc = new kendo.data.DataSource({ 
      transport: { 
       read: { 
        url: "test.json", 
        dataType: "json" 
       } 
      } 
     }); 

     $scope.options = { 
      sortable: true, 
      pageable: true, 
      columns: [{ 
       field: "firstName", 
       title: "First Name" 
      },{ 
       field: "lastName", 
       title: "Last Name" 

      },{ 
       field: "country" 
      },{ 
       field: "City" 
      },{ 
       field: "Title" 
      }] 
     }; 


[ 
    { "firstName":"John" , "lastName":"Doe", "country": "country1" }, 
    { "firstName":"Anna" , "lastName":"Smith", "country": "country2" }, 
    { "firstName":"Peter" , "lastName":"Jones", "country": "country3" } 
] 

고마워요!

Answer 1

이 결국 나를 위해 일한 :

<div kendo-grid k-options="options"></div> 


     $scope.options = { 
      dataSource: { 
       type: "json", 
       transport: { 
        read: "app/data/test.json" 
       }, 
       pageSize: 10 
      }, 
      sortable: true, 
      pageable: true, 
      columns: [{ 
       field: "firstName", 
       title: "First Name" 
      },{ 
       field: "lastName", 
       title: "Last Name" 

      },{ 
       field: "country" 
      }] 
     };