Javascript kendo mobile中的Listview未绑定到mvvm模式中的可观察对象
我正在使用library构建一个移动应用程序。我在listview中列出数据时遇到问题。我正在将我的listview绑定到observable itemViewModel,但它似乎绑定得不好,这似乎是代码中的一个愚蠢错误。这是代码 javascriptJavascript kendo mobile中的Listview未绑定到mvvm模式中的可观察对象,javascript,listview,mvvm,kendo-ui,kendo-mobile,Javascript,Listview,Mvvm,Kendo Ui,Kendo Mobile,我正在使用library构建一个移动应用程序。我在listview中列出数据时遇到问题。我正在将我的listview绑定到observable itemViewModel,但它似乎绑定得不好,这似乎是代码中的一个愚蠢错误。这是代码 javascript var itemViewModel = new kendo.observable({ item: { name: " a name", price: 30 }, itemDataSource: new kendo.data.Dat
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>
出售
这是对代码的修改
如果代码没有问题
我的问题是:仅实例化kendo.mobile.application就足以将视图绑定到modelView,还是我想做其他事情
请给我一些帮助。问题是数据绑定=“itemViewModel”它应该是数据模型=“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>
........
……我的代码的其余部分
........