2013-10-13 29 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); });