|
|
本系列是講解如何在ASP.NET mvc中對數(shù)據(jù)進(jìn)行展示、排序、分頁等的系列文章。在上周的文章中，一步一步教會了大家如何使用ASP.NET MVC框架去的展示數(shù)據(jù)。在上周的文章中，我們先用Visual Studio創(chuàng)建了一個新的ASP.NET MVC應(yīng)用程序，接著連接到了Northwind數(shù)據(jù)庫，并展示了如何使用微軟的LINQ-SQL的工具去訪問數(shù)據(jù)庫中的數(shù)據(jù)，接著指導(dǎo)如何去實(shí)現(xiàn)視圖層去展示產(chǎn)品信息及如何設(shè)計(jì)控制器。
本文是在上一篇文章的例子基礎(chǔ)上，展示了如何去實(shí)現(xiàn)數(shù)據(jù)的雙向排序。如果你是已經(jīng)熟悉ASP.NET WebForm開發(fā)的開發(fā)者，你應(yīng)該知道，在GridView控件中可以很簡單的通過點(diǎn)擊就能實(shí)現(xiàn)排序。但可惜的是，在ASP.NET MVC中實(shí)現(xiàn)排序的功能并不是那么簡單，但工作量也沒有顯著增多。在ASP.NET MVC中，我們能更多地控制網(wǎng)格和排序的界面布局和標(biāo)記，以及通過何種機(jī)制來實(shí)現(xiàn)排序。以往使用GridView控件時，排序是通過將參數(shù)以POSTBACK的形式回傳到后臺，以決定用什么樣的列進(jìn)行排序以及是以升序或降序-排列，回傳的參數(shù)作為隱藏表單域提交。在本文中，我們將使用查詢字符串參數(shù)來指定排序參數(shù)，這意味著排序的順序可以被搜索引擎搜索到，能通過電子郵件發(fā)送給同事，還能做很多GridView內(nèi)置排序功能不能實(shí)現(xiàn)的事情。
與上一篇文章一樣，本文提供了分步的指導(dǎo)說明，包括一個完整的可以工作的代碼例子，在文章末尾可以下載。
步驟0：一個簡要指南
本文將介紹如何實(shí)現(xiàn)雙向的排序，并假定讀者已經(jīng)閱讀掌握了上一篇文章介紹的內(nèi)容。
在上一篇文章中，我們可以通過ASP.NET MVC中的URL轉(zhuǎn)發(fā)功能，以下面的地址形式訪問產(chǎn)品的首頁：
www.yoursite.com/Products/Index(可以簡寫成www.yoursite.com/Products)。本文中，我們將用下面的URL去訪問要排序的內(nèi)容：
www.yoursite.com/Products/Sortable?sortBy=ColumnNameascending=true|false。
具體的一些例子如下：
/Products/Sortable- 這表示按默認(rèn)順序排列產(chǎn)品。當(dāng)沒指定排序的列時，默認(rèn)按產(chǎn)品名稱的字母順序(如升序)排列。換句話說，如果SortBy參數(shù)沒有提供，按產(chǎn)品名稱排序，如果不提供ascending參數(shù)，按遞增順序排列。
/Products/Sortable?sortBy=UnitPrice 按單價的升序排序產(chǎn)品。
/Products/Sortable?sortBy=UnitPriceascending=false – 按UnitPrice列降序排序(即從最昂貴的到價格最便宜的)。
跟使用GridView控件一樣，在點(diǎn)擊網(wǎng)格中標(biāo)題行中的列名時可以進(jìn)行。但不同于GridView的是，我們每次點(diǎn)列的這些標(biāo)題，是以超鏈接的形式實(shí)現(xiàn)的，并且?guī)в袇?shù)，比
如表格中有價格這個列，當(dāng)?shù)谝淮吸c(diǎn)擊列名時，將以
www.yoursite.com/Products/Sortable?sortBy=UnitPriceascending=true的形式發(fā)送鏈接到后端，請注意的是，在網(wǎng)格中顯示的列名，不一定跟在URL中sortBy查詢字符串參數(shù)中傳遞的名稱是一樣的。sortBy 參數(shù)提供的是在數(shù)據(jù)庫中的列名，兩者并不要求一定相同。
步驟1：創(chuàng)建指定的視圖模型
在上一篇文章的演示中，我們使用了產(chǎn)品的集合作為其實(shí)體模型(以NorthwindDataContext去命名)。這對簡單的網(wǎng)格來說是可以的，但對于要排序的數(shù)據(jù)表格，需要知道一點(diǎn)的不僅僅是產(chǎn)品的集合，還要視圖層方面知道哪些列的數(shù)據(jù)需要進(jìn)行排序，是按升序或降序排序，如果用戶要點(diǎn)的列已經(jīng)按某一個順序已排序的話，則此時會按原來的順序排序(假設(shè)某列已經(jīng)是按升序排列，用戶點(diǎn)標(biāo)題一次，則倒過來按降序排列，再點(diǎn)一次，又按升序，如此類推)。
為此，我們添加一個新類，這些類被稱為特定視圖服務(wù)的模型，打開上一篇文章中已經(jīng)實(shí)現(xiàn)的應(yīng)用程序，在Models文件夾下添加一個名為ProductGridModel.cs 的文件，代碼如下：
namespace Web.Models
{
public class ProductGridModel
{
// Data properties
public IEnumerable Product Products { get; set; }
// Sorting-related properties
public string SortBy { get; set; }
public bool SortAscending { get; set; }
public string SortExpression
{
get
{
return this.SortAscending ? this.SortBy + " asc" : this.SortBy + " desc";
}
}
}
}
NET技術(shù)：ASP.NET MVC中對數(shù)據(jù)進(jìn)行排序的方法，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
