Używanie Kendo Grid z Breeze and Knockout - knockout.js, kendo-ui, breeze

Próbuję dodać kratkę KendoUI do mojego SPA, używając szablonu Hot Towel. Pokazuje się tylko jako linia i nie jestem pewien, co robię źle.

Poszedłem za przykładem tutaj: http://kendo-labs.github.io/knockout-kendo/web/Grid.html

    <div data-bind="kendoGrid: items" />

Oto jsFiddle demonstrujący problem. http://jsfiddle.net/Togas/NfK6W

EDYTOWAĆ: usunięto tag durandal, ponieważ nie wydaje się to być częścią problemu

Odpowiedzi:

Kiedy wywołujesz ko.applyBindings, viewModel.elementy są puste, więc używa się ich do rysowania siatki ... co oznacza, że ​​nie ma kolumn i wierszy. A więc dostajesz linię, jeśli nie zdefiniowałeś niczego w opcjach wiązania, a kiedy zakończy się połączenie ajaxowe, to nie da się przerysować.

Zdefiniuj swoją siatkę za pomocą kolumn i jednostek zawijania breeze w wierszuViewModel ze zdefiniowanymi kolumnami.

<div data-bind="kendoGrid: { data: items, groupable: true, sortable: true, columns: [ {field: "Description",width: 90,title: "Description"}] }"></div>

http://jsfiddle.net/dcgVA/2/

Edytować: Zaktualizowano nieprawidłowy link. HotTowel jest oparty na DurandalJS. Widziałeś http://durandaljs.com/documentation/KendoUI/ i postępuj zgodnie z instrukcją?