MVC pagination in html table

Question

У меня есть форма поиска с кнопкой поиска. Когда пользователь вводит все поля ввода поиска и нажатие кнопки поиска вернет только 10 записей в таблице html на той же странице. Я сделал это до этого.

Когда пользователь нажимает кнопку следующей страницы, я должен сохранить введенные пользователем значения и отправить их в базу данных и получить следующие 10 записей.

Когда я нажимаю кнопку поиска (первый пост http), модель представления имеет все значения, введенные пользователем, но когда я нажимаю кнопку щелчка следующей страницы (вторая позиция), модель представления не сохраняет значения, введенные пользователь в полях ввода поиска.

Мне не рекомендовалось использовать временные данные для передачи значений от одного действия другому действию. Есть ли другой способ сделать это?

Answer 1

Вы действительно должны попытаться использовать существующую сетку, которая поддерживает это уже, например, проверьте: Datatables.

Это сетка, основанная на JQuery, которая обрабатывает пейджинг, фильтрацию, сортировку и т. Д. Для вас. И если у вас много данных, оно даже позволяет вам получить его на стороне сервера. Помните: «не изобретать велосипед»

Answer 2

Да, вам нужно пройти текущий поиск Params в действии 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.

Здесь в Stackoverflow вы можете увидеть много вопросов/ответов о PagedList

Answer 3

Рассматривали ли вы PagedList библиотеки для пагинации? Все, что вам нужно сделать, это ссылка на библиотеку PagedList в приложении ASP.NET MVC.

Чтобы установить PagedList.Mvc, выполните следующую команду в консоли диспетчера пакетов. Вы можете использовать NuGet, чтобы получить этот пакет.

PM> Install-Package PagedList.Mvc 

Ваш ViewModel

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 })) 

И результирующий экран будет выглядеть