Kendo UI 單頁面應用(一)概述

單頁面應用(一)概述

Kendo 單頁面應用(Single-Page Application,縮寫為 SPA）定義了一組類用于簡化 Web 應用（Rich Client）開發(fā)，最常見的單頁面應用為 Gmail 應用，使用單頁面可以給用戶有使用桌面應用的用戶體驗。Kendo 的 Route 類負責跟蹤應用的當前狀態(tài)和支持在應用的不同狀態(tài)之間切換。 Route 通過 Url 的片段功能（#url)和流量器的瀏覽歷史功能融合在一起。從而可以支持把應用的某個狀態(tài)作為書簽添加到瀏覽器中。Route 也支持通過代碼在應用的不同狀態(tài)之間切換。View 和 Layout 類用于 UI 的顯示。 UI 事件和數(shù)據(jù)綁定可以通過 MVVM 或 data 初始化屬性來完成。下面為一個最簡單的 SPA 應用框架。

<div id="app"></div>

<script id="index" type="text/x-kendo-template">
    Hello <span data-bind="text: foo"></span>
</script>

<script>
    var index = new kendo.View(
        "index", // the id of the script element that contains the view markup
        { model: kendo.observable({ foo: "World!" }) }
    );

    var router = new kendo.Router();

    router.route("/", function() {
        index.render("#app");
    });

    $(function() {
        router.start();
    });
</script>

運行這個應用，顯示“Hello，World”。