Kendo Mobile - MVVM 데이터 소스로 뷰 모델을 바인딩하는 데 도움이 필요합니다.

Question

내 인생에서, 무엇이 잘못되었는지 알 수 없습니다. 뷰 모델에 뷰를 바인드하고 뷰 모델의 뷰 내에서 데이터 소스 배열을 바인딩하려고합니다. 여기 내 코드입니다 :

HTML :

 <div id="mDashboardView" data-role="view" data-bind="homeScreenModel" data-init="initDefaultView"> 
      <div data-role="content"> 
       <div> 
        <div class="m-parent-navigation-container"> 
         <section data-bind="source: data" data-template="mDashboardViewTemplate"> 
         </section> 
        </div> 
       </div> 
      </div> 
     </div> 

JAVASCRIPT : 나는 정의되지 않은,하지만 내 데이터 소스 내 계획 모델, 그것은 4 개 항목이 하나 개의 템플릿 항목을 점점 계속

<script> 
      var homeScreenModel = kendo.observable({ 
       data: new Array(), 
       navigationCategories: new kendo.data.DataSource({ 
        transport: { 
         read: { 
          type: "GET", 
          url: "api/GetNavigationData", 
          contentType: "application/json; charset=utf-8", 
          dataType: "json" 
         } 
        }, 
        schema: { 
         data: "d.results", 
         model: { 
          fields: { 
           nameOfGroup: { type: "string" } 
          } 
         } 
        }, 
        change: function (e) { 
         homeScreenModel.trigger("change", { field: "navigationCategories" }); 
        } 
       }) 
      }); 

function initDefaultView(event) { 
    homeScreenModel.navigationCategories.read(); 
} 
</script> 

보여줍니다. 또한 다음과 같은 경고 메시지가 두 번 표시됩니다.

Uncaught TypeError: Cannot read property 'top' of undefined 
(anonymous function) 

도움을 주시면 감사하겠습니다.

내가 검도 UI 모바일 v2013.1.319 및 jQuery를 사용하고

1.9.1

Answer 1

사용하도록 기능을 변경해보십시오 : homeScreenModel.navicationCategories.fetch를();