data-binding - 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 を作成し、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