使用 Icenium 的 Kendo ui MVVM

Question

我开始使用 Kendo UI 和 Icenium 开发一个跨平台应用程序，我对它是全新的，我试图让这个示例在一个新项目中工作，以便习惯于数据绑定和 MVVM这个新环境，所以我开始了一个新的剑道 ui 移动应用程序，它有多个视图和大量的功能集合。我想做的是让这个简单的例子在 icenium 中运行.. (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，然后通过添加定义你的视图将绑定到哪个模型数据模型="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