2016-07-25 5 views
1

リストビューをオブジェクトプロパティtimetableRecordsをループするにはどうしたらいいですか?私は周りにグーグルではありますが、それを行う方法を見つけることができません。データの剣道UIリスト配列を持つオブジェクトを消費するビュー

例(闊歩応答モデルスキーマ):

{ 
    "from": { 
    "name": "string" 
    }, 
    "to": { 
    "name": "string" 
    }, 
    "price": 0, 
    "date": "2016-07-25T11:52:52.674Z", 
    "timetableRecords": [ 
    { 
     "departure": "2016-07-25T11:52:52.675Z", 
     "arrival": "2016-07-25T11:52:52.675Z" 
    } 
    ], 
    "fetchedOn": "2016-07-25T11:52:52.675Z" 
} 

HTML:

<div id="timetableRecords"></div> 

<script type="text/x-kendo-template" id="template"> 
    <div class="timetable-record"> 
     <p>#:departure#</p> 
     <p>#:arrival#</p> 
    </div> 
</script> 

のJavaScript:

$('#timetableRecords').kendoListView({ 
    template: kendo.template($("#template").html()), 
    dataSource: { 
     transport: { 
      read: { 
       type: 'GET', 
       url: 'api/timetable?from=station_name1&to=station_name2', 
       dataType: 'json' 
      } 
     } 
    } 
}); 

答えて

0

あなたがこれを投稿して以来、しばらくお待ちしていますが、私はあなたのための解決策を持っています(疑問が残っています)。

schema.parse()イベントがあなたを助けることができます。サーバーの応答が使用される前に実行さ

を。これを使用して、サーバーの応答を前処理または解析します。

dataSource: { 
    transport: { 
    read: { 
     type: 'GET', 
     url: 'api/timetable?from=station_name1&to=station_name2', 
     dataType: 'json' 
    } 
    }, 
    schema: 
    parse: fucntion(e) { 
     return e.timetableRecords 
    } 
} 

この方法では、あなたのDataSourceが「timetableRecords」のリストを処理している、とあなたのテンプレートが有効になります:

はここにあなたの更新データソースは以下です。

幸運、

グラント

関連する問題