Paging in Partial view?

Question

How we can use paging in Partial view in MVC using jquery?

Munesh Sharma · Answer

http://jnastase.alner.net/archive/2010/09/28/asp.net-mvc-paging-and-jquery.aspx

Shuvojit Halder · Answer

@{Html.RenderAction("_InboxMessage", "Home", new { StartIndex = 1, LastIndex = (Model.Count() > 10 ? 10 : Model.Count()), Total = Model.Count(), request="" });} This is your partial view $(document).ready(function () { $('#slin').click(function () { jQuery.ajax({ type: "POST", url: "@Url.Action("_InboxMessage", "Home")", data: "{StartIndex:'1','LastIndex':'@(Model.Count() > 10 ? 10 : Model.Count())','Total':'@Model.Count()'}", contentType: "application/json", async: false, success: function (data) { $('.inbox').addClass('active'); $('.trash').removeClass('active'); jQuery('#content-article-section').html(data); } }); }); //------this is jquery code-------------- StartIndex="strating your page data"; LastIndex="how much data will content the page" Total="Total data"; // controller code List _lst = new List (); int showrec = 0; int lastind = 0; int PageData = 0; if (((Total / LastIndex) == 1 && Total % LastIndex { showrec = Total % LastIndex; lastind = Total; PageData = LastIndex; if (Total == LastIndex) { showrec = (Total - StartIndex) + 1; lastind = Total; PageData = StartIndex - 1; } } else { PageData = LastIndex; lastind = Convert.ToInt32(StartIndex + 10); showrec = 10; if (LastIndex >= Total) { PageData = 0; lastind = Total; showrec = 10; } } _lst = (from l in _DBEntities.MESSAGE_CAMP_ADMIN.Where(a => a.MESSAGE_TO == UID && a.ISACTIVE == true) select new Message { M_BODY = l.MESSAGE, M_DATE = l.DATETIME, M_FROM = (_DBEntities.ADMIN_STAFF.Where(a => a.STAFF_ID == l.MESSAGE_FROM).FirstOrDefault().STAFF_NAME), M_ID = l.CAMP_ADMIN_MSG_ID, M_TO = l.MESSAGE_TO, STATUS = l.ISREAD, }).OrderByDescending(a => a.M_ID).Skip(PageData).Take(showrec).ToList(); return PartialView(_lst); }

Paging in Partial view?

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (2)