Kendo 單頁面應用(一)概述

Kendo 單頁面應用(一)概述

Kendo 單頁面應用(Single-Page Application,縮寫爲 SPA）定義了一組類用於簡化 Web 應用（Rich Client）開發，最多見的單頁面應用爲  Gmail 應用，使用單頁面能夠給用戶有使用桌面應用的用戶體驗。Kendo 的 Route 類負責跟蹤應用的當前狀態和支持在應用的不一樣狀態之間切換。 Route 經過 Url 的片斷功能（#url)和流量器的瀏覽歷史功能融合在一塊兒。從而能夠支持把應用的某個狀態做爲書籤添加到瀏覽器中。Route 也支持經過代碼在應用的不一樣狀態之間切換。View 和 Layout 類用於 UI 的顯示。 UI 事件和數據綁定能夠經過 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」。