How to use PagedListPager with Model having List of object in MVC 4

asp.net-mvc-4 paging pagedlist
Ali Shahzad picture Ali Shahzad · Sep 17, 2013 · Viewed 20.5k times · Source

I have a Model containing the below property:

public List<AutoAdListVM> advertlist { get; set; }

In my view this List comes with multiple records, and I want to display 10 records per page by performing paging, now I don't have idea how to use PagedListPager to achieve this functionality. Please help me out.

I am display records as with foreach loop as Model.advertlist

Answer

ElliotSchmelliot picture ElliotSchmelliot · Sep 17, 2013

The PagedList library package can be added to your MVC project through Nuget and is easy to use. Here is the GitHub page that can walk you through both the install and the usage of this library.

If you need additional examples, the asp.net site also has an in depth tutorial on paging that can be accessed here. Just scroll down to the "Add Paging to the Students Index Page" section and follow along with their example.

Related questions

How to pass json POST data to Web API method as an object?

ASP.NET MVC4 Web API application defines post method to save customer. Customer is passed in json format in POST request body. Customer parameter in post method contains null values for properties. How to fix this so that posted data …

Read More
ASP.NET MVC get textbox input value

I have a textbox input and some radio buttons. For example my textbox input HTML looks like that: <input type="text" name="IP" id="IP" /> Once user clicks a button on a web page I want to pass …

Read More
json parsing error syntax error unexpected end of input

I got the following piece of code function pushJsonData(productName) { $.ajax({ url: "/knockout/SaveProduct", type: "POST", contentType: "application/json", dataType: "json", data: " { \"Name\" : \"AA\" } ", async: false, success: function () { loadJsonData(); }, error: function (jqXHR, textStatus, errorThrown) { alert(textStatus + " in pushJsonData: " + errorThrown + " " + jqXHR); } }); } …

Read More