學習ASP.NET Core Razor 編程系列十六——排序

public string NameSort { get; set; }
public string DateSort { get; set; }
public string CurrentFilter { get; set; }
public string CurrentSort { get; set; }

2) 同時修改OnGetAsync(string author, string searchString)方法，添加排序字符串：

        public async Task OnGetAsync(string author, string searchString,string sortOrder)
        { 

            IQueryable<string> AuthorQuery = from m in _context.Book
                                             orderby m.Author
                                             select m.Author; 

            var books = from m in _context.Book
                         select m; 

            if (!String.IsNullOrEmpty(searchString))
            {
                books = books.Where(s => s.Name.Contains(searchString));
            }
        

            if (!String.IsNullOrEmpty(author))
            {
                books = books.Where(x => x.Author == author);
            }
            Authors = new SelectList(await AuthorQuery.Distinct().ToListAsync()); 

//排序
            NameSort = String.IsNullOrEmpty(sortOrder) ? "name_desc" : "";
            DateSort = sortOrder == "Date" ? "date_desc" : "Date"; 
 
            switch (sortOrder)
            {
                case "name_desc":
                    books = books.OrderByDescending(s => s.Name);
                    break;
                case "Date":
                    books = books.OrderBy(s => s.ReleaseDate);
                    break;
                case "date_desc":
                    books = books.OrderByDescending(s => s.ReleaseDate);

                    break;
                default:
                    books = books.OrderBy(s => s.Name);
                    break;
            }
             Book = await books.AsNoTracking().ToListAsync();

}

按上面的代碼從 URL 中的查詢字符串中接收sortOrder參數。 ASP.NET Core 提供的查詢字符串做爲參數傳遞給的操做方法。「Name」或」Date」，後面能夠選擇性跟用於指定降序順序的下劃線和」desc」構成參數字符串。默認排序順序爲升序。

第一次請求索引頁時，沒有任何查詢字符串。書籍按名稱升序顯示也就是缺省值中的排序方式。當用戶單擊列標題的超連接，將向OnGetAsync方法提供相應的sortOrder查詢字符串。

Razor 頁面使用 NameSort 和 DateSort 爲列標題超連接配置相應的排序字符串值。

  NameSort = String.IsNullOrEmpty(sortOrder) ? "name_desc" : "";
            DateSort = sortOrder == "Date" ? "date_desc" : "Date";

這兩個語句都使用了三目運算符。第一個語句指若是sortOrder參數爲 null 或爲空則 NameSort 設置爲」name_desc」; 不然，設置爲一個空字符串。這兩個語句實現下表中的功能：

當前的排序順序	Name 排序超連接	出版日期排序超連接
Name 升序排列	descending	ascending
Name 降序排列	ascending	ascending
出版日期升序排列	ascending	descending
出版日期降序排列	ascending	ascending

該方法使用 LINQ 指定要做爲排序依據的列。代碼在switch 語句以前建立了IQueryable變量而後在 switch 語句中對其進行修改，並在switch語句以後調用ToListAsync方法。當你建立和修改IQueryable變量時數據庫不會接收到任何查詢。將 IQueryable 對象轉換成集合後才能執行查詢。經過調用 IQueryable 等方法可將 ToListAsync 轉換成集合。所以，IQueryable 代碼會生成單個查詢，此查詢直到出現如下語句才執行：

Book = await books.AsNoTracking().ToListAsync();

2、向書籍列表頁面中的標題添加超連接

1) 在Visual Studio 2017中打開Books /Index.cshtml文件，用如下代碼替換，添加列標題超連接。高亮代碼爲已更改的行。

@page 
@model RazorMvcBooks.Pages.Books.IndexModel 

@{
    ViewData["Title"] = "Index";
} 

<h2>Index</h2> 
<p>
    <a asp-page="Create">Create New</a>
</p>
<form>
    <p>
        <select asp-for="Publish" asp-items="Model.Publishs">
            <option value="">All</option>
        </select>
書籍名稱
         <input type="text" name="SearchString">
        <input type="submit" value="查詢" />
    </p>
</form> 

<table class="table">
    <thead>
        <tr>
                <th>
                    <a asp-page="./Index" asp-route-sortOrder="@Model.NameSort"> @Html.DisplayNameFor(model => model.Book[0].Name) </a>                 
                </th>
                <th>
                    <a asp-page="./Index" asp-route-sortOrder="@Model.DateSort"> @Html.DisplayNameFor(model => model.Book[0].ReleaseDate) </a>
</th>
                <th>
                    @Html.DisplayNameFor(model => model.Book[0].Author)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Book[0].Price)

                </th>

            <th>
                @Html.DisplayNameFor(model => model.Book[0].Publishing)

            </th>
            <th></th>
        </tr>

    </thead>
    <tbody>
@foreach (var item in Model.Book) {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.Name)

            </td>
            <td>
                @Html.DisplayFor(modelItem => item.ReleaseDate)

            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Author)

            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Price)

            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Publishing)

            </td>
            <td>
                <a asp-page="./Edit" asp-route-id="@item.ID">Edit</a> |
                <a asp-page="./Details" asp-route-id="@item.ID">Details</a> |
                <a asp-page="./Delete" asp-route-id="@item.ID">Delete</a>

            </td>
        </tr>
}
    </tbody>
</table>