[ASP.NET MVC] 安裝 Telerik UI for ASP.NET MVC 套件

Telerik 的 UI for ASP.NET MVC 提供了一些元件,讓我們開發應用程式的時候,可以省掉一些造輪子的時間,但是熟讀 API 的時間是跑不掉的。

今天要分享的內容技術含量不高,單純是 ASP.NET MVC 新手,使用 Telerik 的 UI for ASP.NET MVC 踩雷過程

開還環境

  • Windows 10 Enterprise x64 CHT
  • VS 2015 Update3
  • Telerik UI for ASP.NET MVC Q2 2016
  • Entity Framework 6.1.3

下載並安裝

http://www.telerik.com/aspnet-mvc

 

安裝 Scaffolding

Telerik UI for ASP.NET MVC 裝完之後並沒有幫我把 Telerik MVC Scaffolding 裝起來,要到特定目錄執行,下圖有特別說明安裝後的目錄結構,不過看起來文件的更新速度跟不上結果

目前版本的 Scaffolding 的位置如下,可能以後的版本又會有所變化

%Programfiles(x86)%\Telerik\UI for ASP.NET MVC Q2 2016\Scaffolding\VS2015\KendoScaffolderExtension.vsix

裝完之後,就可以有 Scaffolding 的範本

 

牛刀小試

新增 Kedo UI ASP.NET MVC 5 Application

參考 Kendo.Mvc.dll

Kendo.Mvc.dll 的路徑如下:

%Programfiles(x86)%\\Telerik\UI for ASP.NET MVC Q2 2016\wrappers\aspnetmvc\Binaries\Mvc5\Kendo.Mvc.dll

  1. Kendo.Mvc.dll 的核心是 Kendo UI
  2. 不論你要用純前端語法還是 ASP.NET MCV 的 Model Binding 都可以

從 Nuget 安裝 Entity Framework

準備 MemberViewModel 和 Code First 所需要的 TestDbContext 相關類別,

透過 Scaffolding 建立 Control 和 View

操作步驟如下

Grid 功能,CRUD、過濾、分頁行為

前端事件

新增之後,基本上 Control 和 View 的程式碼都不需要動就能操作 Grid 的 CRUD,實務上,頁面不會只有 Grid,Scaffolding 是一個學習這個套件不錯的切入點

 

再VS 按 Ctrl+F5 執行網站應用程式,它出錯了

這搞了我好久,最後才在文件中的某深處找到了短缺的 js 引用,專案範本沒有把這個關鍵 kendo.aspnetmvc.min.js 引用進來,得自己引用 ,請參考 http://docs.telerik.com/kendo-ui/aspnet-mvc/asp-net-mvc-5

參考資源

http://docs.telerik.com/kendo-ui/aspnet-mvc/introduction

http://demos.telerik.com/aspnet-mvc/

專案位置

https://dotblogsamples.codeplex.com/SourceControl/latest#Simple.Practice.MvcKendoUI.BasicGrid/

若有謬誤,煩請告知,新手發帖請多包涵


Microsoft MVP Award 2010~2017 C# 第四季
Microsoft MVP Award 2018~2022 .NET

Image result for microsoft+mvp+logo