Getting Started with Kendo UI

首先來個Kendo UI的網址http://docs.kendoui.com/
雖然正式版剛釋出,但網路上能找的資源差不多都在這了

Kendo UI Complete for ASP.NET MVC(以下簡稱Kendo UI)使用方式和Telerik Extensions for ASP.NET MVC(以下簡稱Telerik)一樣,可下載壓縮檔自行解壓取用檔案,也可使用安裝檔直接將檔案裝在特定路徑。
這邊以安裝檔的方式快速截圖,並說明使用方式如下:




安裝完畢請瀏覽至C:\Program Files (x86)\Telerik\Kendo UI for ASP.NET MVC Q2 2012
  • 將js資料夾所有檔案複製到MVC專案的Scripts
  • 將styles資料夾所有檔案複製到MVC專案的Content
  • 加入Binary參考,路徑為wrappers\aspnetmvc\Binaries\Mvc3\Kendo.Mvc.dll
  • 在主版頁面加入下列資訊<link rel="stylesheet" href="@Url.Content("~/Content/kendo.common.min.css")">
    <link rel="stylesheet" href="@Url.Content("~/Content/kendo.default.min.css")">
    <script src="@Url.Content("~/Scripts/kendo.web.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.aspnetmvc.min.js")"></script>
  • web.config與Views\web.config皆加上namespace<add namespace="Kendo.Mvc.UI" />

Done!

沒有留言: