使用Icenium的Kendo ui MVVM

Question

我开始用Kendo UI和Icenium开发一个跨平台的应用程序，我对此完全陌生，我试图让这个例子在一个新的项目中工作，为了适应这个新环境中的数据绑定和MVVM，所以我启动了一个新的kendo ui移动应用程序，它具有多个视图和大量的功能集合。我想要做的是让这个简单的例子运行在I ..。(Javascript)

var viewModel = kendo.observable({
name: "John Doe",
displayGreeting: function() {
    var name = this.get("name");
    alert("Hello, " + name + "!!!");
}
});
kendo.bind($("#view"), viewModel);

HTML

<div id="view" data-role="view">
<input data-bind="value: name" />
<button data-bind="click: displayGreeting">Display Greeting</button>
</div>

这个例子在jsfiddle.net上运行得很好，

我不知道应用程序的结构和app.js中存在的数据，以及应该在哪里初始化视图模型。

Answer 1

如果您正在创建一个移动应用程序，您不需要调用kendo.bind.，只需创建kendo.mobile.Application，然后通过添加data- model ="viewModel“来定义您的视图将绑定到哪个模型。

var app = new kendo.mobile.Application(document.body, { platform: 'ios' });

<div id="view" data-role="view" data-model="viewModel">...</div>

http://jsbin.com/UGoSute/1/edit