data-binding - 使用 Icenium 的 Kendo ui MVVM

Question

我开始使用全新的 Kendo UI 和 Icenium 开发跨平台应用程序，我试图让这个示例在一个新项目中工作，以便在这个新环境中习惯数据绑定和 MVVM ，所以我开始了一个新的 kendo 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，然后通过添加 data-model 来定义你的视图将绑定到哪个模型="视图模型"。

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