2013-10-13 30 views
0

嗨,我想在Icentium编程我的第一个应用程序。我想将智慧存储在一个json数组中。根据你的水平,你会得到一个新的智慧。不幸的是,我不知道为什么它会晃动整个json数组。剑道模板,解决json数组的某些元素

这是lessons.js

(function(global) { 
var LessonsViewModel, 
    app = global.app = global.app || {}; 

LessonsViewModel = kendo.data.ObservableObject.extend({ 
    lessonsDataSource: null, 

    init: function() { 
     var that = this, 
      dataSource; 

     kendo.data.ObservableObject.fn.init.apply(that, []); 

     dataSource = new kendo.data.DataSource({ 
      transport: { 
       read: { 
        url: "data/lessons/lessons.json", 
        dataType: "json" 
       } 
      } 
     }); 

     that.set("lessonsDataSource", dataSource);   
    }   
}); 

app.lessonsService = { 
    viewModel: new LessonsViewModel() 
}; 

这是视图

 <!--Lessons--> 
    <div id="tabstrip-lesson" 
     data-role="view" 
     data-title="Lektion" 
     data-model="app.lessonsService.viewModel"> 

     <div class="lesson"> 

      <div class="separator"> 
       <div class="dark"></div> 
       <div class="light"></div> 
      </div> 

      <ul class="forecast-list" 
       data-role="listview" 
       data-bind="source: lessonsDataSource" 
       data-template="lessons-template"><!-- Das unten stehende Kendo Template wird hier eingefügt--> 
      </ul> 
     </div> 
     </div> 

    <!--Lessons Kendo Template für oben--> 
    <script type="text/x-kendo-tmpl" id="lessons-template"> 
     <div> 
      <h1>${dojoroom}</h1> 
      <p>${text}</p><!-- Text aus Json File wird ausgelesen--> 
     </div> 
    </script> 

这是我的JSON数组:

[ 
{ 
    "dojoroom": "Dojo - First Room", 
    "text": "Bla bla bla!" 
}, 
{ 
    "dojoroom": "Dojo - Second Raum", 
    "text": "More Bla" 
} 

]

回答

0

到目前为止我根据Kendo Docum尝试耳突(http://docs.kendoui.com/api/framework/datasource):

LessonsViewModel = kendo.data.ObservableObject.extend({ 
    lessonsDataSource: null, 

    init: function() { 
     var that = this, 
      dataSource; 

     kendo.data.ObservableObject.fn.init.apply(that, []); 

     dataSource = new kendo.data.DataSource({ 
      transport: { 
       read: { 
        url: "data/lessons/lessons.json", 
        dataType: "json" 
       } 
      } 
     }); 

     that.set("lessonsDataSource", dataSource.at(0));   
    }   
}); 

但是,这并不表明任何东西。我也尝试了dataSource [0]和视图中的相同方法。

and dataSource.fetch(function(){ var dojo = dataSource.at(0); that.set("lessonsDataSource", dojo); });