GridView
範例一:使用AngularJS接control吐出的json資料
http://www.c-sharpcorner.com/article/binding-grid-to-json-in-angularjs-using-asp-net-mvc-5/
範例二:使用JSON及jqgrid元件呈現資料
使用步驟
- 安裝jquery.jqgrid元件
- 更新bundle 的CSS & JS
- 開發action可回傳json result
- 開發action呈現jqgrid table
使用注意事項
- Jquery UI, jqGrid 的CSS及js一定要記錄include正確
- 要把jquery, jquery UI的script bundle 移到body前
- 傳給的json格式,欄位的大小寫,一定要一樣
Sample:http://huan-lin.blogspot.com/2012/12/aspnet-mvc-4-with-jqgrid-step-by-step.html
Code: https://github.com/jasonccliu/mvcdemo/commit/f44c195afe0bafa7f763956f8e5f268558b622a8
Example 3
Using PagedListPager
http://www.c-sharpcorner.com/UploadFile/4b0136/perform-paging-searching-sorting-in-Asp-Net-mvc-5/
疑難問題
- 出現 cannot read property '0' of undefined,加入 repeatitems 的屬性設定在cshtml
useful links
http://www.c-sharpcorner.com/article/cascading-dropdownlist-in-jqgrid-using-mvc2/