KendoUIMVVMデータモデルとテンプレートをAJAXで使用することを検討してください。
サーバーエンドポイントに投稿します-JSON応答を返す必要があります:
function getRoutineDetailData(e) {
//get data from server
$.ajax({
url: "http://dot.com/your_endpoint.php",
dataType: "jsonp",
type: "GET",
data: { userID: userID},
success: function(response) {
routineInfo = response.results;
routine_viewModel.set("info", routineInfo);
}
});
}
次に、結果をバインドします。
//bind the results to the viewmodel
var routine_viewModel = kendo.observable({
info: []
});
ビューにはテンプレートも必要です。
<script id="routineInfo-template" type="text/x-kendo-template">
<div id="routineHeader" >
<span id="RoutineText">${title} created on ${entry_stamp} by ${user_name}</span>
</div>
</script>
次に、ビューは関数を呼び出して、data-showを使用してサーバー投稿を実行し、data-modelを使用してデータにアクセスできるようにする必要があります。テンプレートで使用される${title}:
<div data-role="view" id="view-routineDetail" data-show="getRoutineDetailData" data-model="routine_viewModel" data-title="routineDetail">
<div id="routineInfo" data-template="routineInfo-template" data-bind="source: info" ></div>
</div>
これは簡単な説明であり、詳細についてはhttp: //docs.kendoui.com/getting-started/mobile/mvvmを参照してください。