MVVM - 검도 UI에 결합 JSON 자식 요소는

Question

내가 두 개의 서로 다른 검도 UI 컨트롤에 자식 노드를 바인딩 할 컨트롤,하지만 내 검도 데이터 소스는 단일 통화 서비스에서

var viewModel = kendo.observable { 
dataSource : new kendo.data.DataSource({ 
    transport: { 
     read: { 
      url: '/data/auras', 
      dataType: "json", 
      type: 'GET', 
     } 
    }, 
    schema: { 
     ///////// 
    }, 
}); 
} 

내 JSON 응답을 데이터를 가져옵니다 결과는 내가 타자를 바인드 할 필요가 여기에이

[ 
{ 
    "id": "0001", 
    "type": "donut", 
    "name": "Cake", 
    "ppu": 0.55, 
    "batters": { 
     "batter": [ 
      { 
       "id": "1001", 
       "type": "Regular" 
      }, 
      { 
       "id": "1002", 
       "type": "Chocolate" 
      }, 
      { 
       "id": "1003", 
       "type": "Blueberry" 
      }, 
      { 
       "id": "1004", 
       "type": "Devil's Food" 
      } 
     ] 
    }, 
    "topping": [ 
     { 
      "id": "5001", 
      "type": "None" 
     }, 
     { 
      "id": "5002", 
      "type": "Glazed" 
     }, 
     { 
      "id": "5005", 
      "type": "Sugar" 
     }, 
     { 
      "id": "5007", 
      "type": "Powdered Sugar" 
     }, 
     { 
      "id": "5006", 
      "type": "Chocolate with Sprinkles" 
     }, 
     { 
      "id": "5003", 
      "type": "Chocolate" 
     }, 
     { 
      "id": "5004", 
      "type": "Maple" 
     } 
    ] 
}  

]

처럼 보이는 하나에 GRIDVIEW & & 토핑 (하위 요소입니다)

Answer 1

schema.parse을 사용하여 JSON 결과를 두 목록으로 나눌 수 있습니다. 뭔가 같은 :

var batters = new kendo.data.DataSource({ 
    data: [] 
}); 

var toppings = new kendo.data.DataSource({ 
    data: [] 
}); 

var allData = new kendo.data.DataSource({ 
    transport: { 
     read: { 
      url: '/data/auras', 
      dataType: "json", 
      type: 'GET', 
     } 
    }, 
    schema: { 
     parse: function (data) { 
      batters.data(data[0].batters.batter); 
      toppings.data(data[0].toppings); 
      return data; 
     } 
    }, 
}); 

allData.fetch(); 

var viewModel = kendo.observable({ 
    batters: batters, 
    toppings: toppings 
});