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
- Kendo.Mvc.dll 的核心是 Kendo UI
- 不論你要用純前端語法還是 ASP.NET MCV 的 Model Binding 都可以
從 Nuget 安裝 Entity Framework
準備 MemberViewModel 和 Code First 所需要的 TestDbContext 相關類別,
- https://dotblogsamples.codeplex.com/SourceControl/latest#Simple.Practice.MvcKendoUI.BasicGrid/Simple.Practice.MvcKendoUI.BasicGrid/Models/ViewModel/MemberViewModel.cs
- https://dotblogsamples.codeplex.com/SourceControl/latest#Simple.Practice.MvcKendoUI.BasicGrid/Simple.Practice.MvcKendoUI.BasicGrid/Models/EntityModel/TestDbContext.cs
透過 Scaffolding 建立 Control 和 View
操作步驟如下
Grid 功能,CRUD、過濾、分頁行為
前端事件
再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