我正在使用kendoui库来构建移动应用程序。我在列表视图中列出数据时遇到问题。我将我的listview绑定到observable 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">→ $ #= price #</span></a></li>
</script>
这是代码的link。
如果代码没问题。
我的问题:只是实例化kendo.mobile.application以便将视图绑定到modelView或者我想做其他事情是否足够?
我需要一些帮助。
答案 0 :(得分: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>