在html表中MVC分頁

Question

我有一個帶搜索按鈕的搜索表單。當用戶輸入所有搜索輸入字段並按下搜索按鈕時，將只返回同一頁面中html表格中的前10條記錄。我已經做到這一點。

當用戶按下下一頁按鈕時，我必須保留用戶輸入的值並將其發送到數據庫並獲取下10條記錄。

當我按下搜索按鈕（第一個http post）時，視圖模型具有用戶輸入的所有值，但是當我按下下一頁按鈕時單擊（第二個帖子），視圖模型不保留輸入的值用戶在搜索輸入字段中。

我被建議不要使用臨時數據將值從一個操作傳遞到另一個操作。有沒有其他方法可以做到這一點？

Answer 1

您應該嘗試使用現有的支持此功能的網格，例如：Datatables。

這是一個基於JQuery的網格，爲您處理分頁，過濾，排序等。 如果你有很多數據，甚至可以讓你在服務器端檢索它。請記住：「不要重新發明輪子」

Answer 2

是的，您需要在PAGE操作中傳遞當前搜索參數。請記住，在ASP.NET MVC中，您需要將信息重新發布到服務器...因爲它不保存狀態。

如果您正在使用PagedList包，你這樣做：

@Html.PagedListPager(Model.YourList, page => Url.Action("PostAction", new { page, Model.SearchString,Model.OtherFilter, sortOrder = ViewBag.CurrentSort})) 

如果沒有，檢查了這一點：https://github.com/troygoode/PagedList

那裏你可以看到一些代碼示例...但是組件可以通過Nuget進行安裝。

在這裏，＃2你可以看到很多關於PagedList

Answer 3

問題/答案你有沒有考慮PagedList庫分頁的？所有你要做的就是引用ASP.NET MVC應用程序中的PagedList庫

要安裝PagedList.Mvc，請在程序包管理器控制檯中運行以下命令。你也可以使用NuGet來獲取這個包。

PM> Install-Package PagedList.Mvc 

您的視圖模型

public class QuestionViewModel 
{ 
     public int QuestionId { get; set; } 
     public string QuestionName { get; set; } 
} 

在你的控制器，參考PagedList

using PagedList; 
and the Index method of your controller will be something like 

public ActionResult Index(int? page) 
{ 
      var questions = new[] { 
       new QuestionViewModel { QuestionId = 1, QuestionName = "Question 1" }, 
       new QuestionViewModel { QuestionId = 1, QuestionName = "Question 2" }, 
       new QuestionViewModel { QuestionId = 1, QuestionName = "Question 3" }, 
       new QuestionViewModel { QuestionId = 1, QuestionName = "Question 4" } 
      }; 

      int pageSize = 3; 
      int pageNumber = (page ?? 1); 
      return View(questions.ToPagedList(pageNumber, pageSize)); 
} 

而且你的索引視圖

@model PagedList.IPagedList<ViewModel.QuestionViewModel> 
@using PagedList.Mvc; 
<link href="/Content/PagedList.css" rel="stylesheet" type="text/css" /> 


<table> 

@foreach (var item in Model) { 
    <tr> 
     <td> 
      @Html.DisplayFor(modelItem => item.QuestionId) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.QuestionName) 
     </td> 
    </tr> 
} 

</table> 

<br /> 

Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) of @Model.PageCount 
@Html.PagedListPager(Model, page => Url.Action("Index", new { page })) 

而且所得到的屏幕看起來像