mrkt 的程式學習筆記: ASP.NET MVC 5 + jQuery EasyUI DataGrid 範例程式碼 @ Github

2016年4月5日星期二

把 2013 年 10 月份所寫的一系列 ASP.NET MVC + jQuery EasyUI DataGrid 文章裡的範例做了整理，然後發佈在 Github Repository 上，雖然在臺灣使用 jQuery EasyUI 在系統裡的專案並不是很多，尤其是 ASP.NET MVC 的更少，但我覺得過去的這系列文章裡也有一些內容是可以借鑑的，例如多欄位排序的處理。

放到 GitHub 上的範例程式都是可以正常執行的，建議各位不要只是在 GitHub 上面瀏覽程式，而是直接將原始碼下載或 Clone一份，直接在你自己的電腦上面執行。

久違的一篇文章，利用連假期間做了整理，在前年就已經有排定計畫要把原始碼放上 Github，一直延宕到現在才完成這工作，之前的 ASP.NET MVC + jQuery EasyUI DataGrid 系列文章，在那時候還是使用 Visual Studio 2012 與 ASP.NET MVC 4 所開發的，當時的 jQuery EasyUI 版本是 1.3.4 而現在已經是 1.4.5，不過在重新整理的範例是使用 1.4.3，基本的功能與操作、語法並不受到影響。

http://www.jeasyui.com/download/index.php

在 2014 年就已經準備好範例程式碼了

系列文章

ASP.NET MVC 使用 jQuery EasyUI DataGrid 基礎篇
 ASP.NET MVC 使用 jQuery EasyUI DataGrid 分頁功能 (DataGrid Pagination)
ASP.NET MVC 使用 jQuery EasyUI DataGrid - 排序 (Sorting)
ASP.NET MVC 使用 jQuery EasyUI DataGrid - 多欄排序 (Multiple Column Sorting) Part.1
ASP.NET MVC 使用 jQuery EasyUI DataGrid - 多欄排序 (Multiple Column Sorting) Part.2
ASP.NET MVC 使用 jQuery EasyUI DataGrid - 多欄排序 (Multiple Column Sorting) Part.3
ASP.NET MVC 使用 jQuery EasyUI DataGrid - Checkbox
ASP.NET MVC 使用 jQuery EasyUI DataGrid - 顯示 Details（使用 PartialView）
ASP.NET MVC 使用 jQuery EasyUI DataGrid - 顯示 Details（Sub DataGrid）

jQuery EasyUI 1.4.3

雖然 Visual Studio 2015 都已經到了 Update 2 了，但我平常的專案開發還是慣用 VS2013，所以這次重新整理的範例程式就還是用了 VS2013，而 jQuery EasyUI 版本是前面說過的 1.4.3，而專案的 jQuery EasyUI 1.4.3 是從 Nuget 裡加入安裝的。

Entity Framework 6.1.3

當初文章所使用的是 Entity Framework 5.0 Database First，而現在這個範例程式所使用的是 Entity Framework 6.1.3 並且是來自於資料庫的 Code First

因為是使用了 Code First，所以 EntityHelper 和 IOrdererQueryableHelper 類別就有做了一點更動。

另外在系列文章曾經有使用 Clutch.Diagnostics.EntityFramework 來追蹤觀察 EF 所產生並執行的 SQL Command，但是這個套件只有在 EF 5.0 的版本才有作用，所以這個範例程式就沒有繼續使用，如果想要在 Visual Studio 輸出視窗裡觀察 EF 所產生並執行的 SQL Command 的話，可以改用我也曾經介紹說明過的 Entity Framework Logging 和 Intercepting。

初探 Entity Framework 6 - Logging
初探 Entity Framework 6 - Intercepting Part.1
初探 Entity Framework 6 - Intercepting Part.2