Список в мобильном кендо не привязывается к наблюдаемому объекту в шаблоне mvvm

Я использую библиотеку kendoui для создания мобильного приложения. У меня проблема с выводом данных в listview. Я привязываю свой список к наблюдаемой itemViewModel Но, похоже, это не очень хорошо, кажется, это глупая ошибка в коде. Это код.

javascript

var itemViewModel = new kendo.observable({
item: {
    name: " a name",
    price: 30
},
itemDataSource: new kendo.data.DataSource({
    data: [{
        name: "cover",
        price: 20
    }, {
        name: "charger",
        price: 20
    }, {
        name: "bag",
        price: 30
    }]
})
});

var app = new kendo.mobile.Application(document.body);

HTML

    <div data-role="view" data-title="Views" id="item-list-view"  data-layout="mobile-layout" data-bind="itemViewModel" >

        <ul data-role="listview" data-style="inset"  data-type="group">
            <li id="itemslist">For Sale

                <ul
                     data-role="listview"
                     data-style="inset"  
                     data-type="group"
                    data-template="item-list-template"
                    data-bind="source:itemDataSource">

                  </ul>
            </li>
        </ul>
    </div>
     <script type="text/x-kendo-template" id="item-list-template">
        <li><a href="\#item-form-view">#= name # <span class="sales-hold">&rarr; $ #= price #</span></a></li>
    </script>

Это ссылка на код.

Если код в порядке.

Мой вопрос: достаточно ли просто создать экземпляр kendo.mobile.application, чтобы привязать представление к modelView, или я хочу сделать что-нибудь еще?

Пожалуйста, мне нужна помощь.


person 0_0    schedule 16.03.2014    source источник


Ответы (1)


Проблема была в data-bind="itemViewModel", она должна быть data-model="itemViewModel" .

 <div data-role="view" data-title="Views" id="item-list-view"  data-layout="mobile-layout"       data-model="itemViewModel" >
  ........
  ....the rest of my code 
  ........
  </div>
person 0_0    schedule 16.03.2014