今天跟著學習了一篇關於表格的排序、過濾與分頁功能的博客,下邊分享一下學到的知識與心得: 一、應用之前樣式,增加測試數據 對Views —— Account —— Index.cshtml進行如下修改: (1)應用佈局頁 _LayoutAdmin.cshtml @{ ViewBag.Title = " ...
今天跟著學習了一篇關於表格的排序、過濾與分頁功能的博客,下邊分享一下學到的知識與心得:
一、應用之前樣式,增加測試數據
對Views —— Account —— Index.cshtml進行如下修改:
(1)應用佈局頁 _LayoutAdmin.cshtml
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}
(2)將Index.cshtml 中的 HTML部分中的 body之外的內容全部刪掉,只留下正文內容,運行這個頁面,效果如圖:
(3)對佈局頁樣式進行修改,改變標題,效果如圖所示:
(4)通過Create New 新建兩條測試數據,為後面分頁做準備,後面每3條分一頁。
二、標題添加鏈接排序功能
(1)打開 Controllers ——AccountController.cs, 修改Index方法
(2)打開 ViewsàAccountàIndex.cshtml, 替換標題內容。
@Html.ActionLink("UserName", "Index", new { sortOrder = ViewBag.NameSortParm })
排序功能效果圖如圖所示:
(原圖)
(排序後)
三、增加名字搜索功能
(1)修改Index方法,增加條件篩選功能
添加了一個 searchString 的參數,並且添加了一個where字句用來過濾名字。
(2)再去Views——Account——Index.cshtml 中添加一個text box用來傳遞這個過濾值。
運行之後效果圖如圖所示:
四、增加分頁功能(使用PagedList.MVC)
(1)安裝PagedList.MVC:
打開Package Manager Console,確保Package source是nuget.org, 輸入
install-package PagedList.mvc
(2)首先先在AccountController.cs中先添加聲明:using PagedList;
(3)修改Index方法,增加highlight部分
(4)在View中增加分頁的顯示和功能鏈接運行之後效果圖如圖所示:
總結:
1.這節學習的是關於表格的一些功能,理論都弄明白了,現在需要做的就是仔細的去讀代碼,瞭解哪個功能用的是哪些代碼
2.需要再細心些,一直在犯一些低級錯誤
加油!