In meiner vorherigen Arbeit habe ich viel Pagination verwendet, aber es war nicht solide, daher ist es nicht einfach zu bedienen. Dies ist eine Paginierung mit teilweise Auffrischung. Ich habe viel versucht. Ich wollte MVCPager zur teilweisen Aktualisierung verwenden, aber wenn man bedenkt, dass die Kosten zu hoch sind, gab ich auf. Lassen Sie uns zuerst die Pagination basierend auf Bootstrap zusammenfassen, damit es für mich in Zukunft bequem sein kann
Open Source-Adresse https://github.com/lyonlai/bootstrap-paginator
Zitat zuerst
JQuery
Bootstrap.min.js
Bootstrap-Paginator.min.js
Controller -Code
[AuthorizationCodeTtribute] [Beschreibung ("Kommentarinformationen")] [httppost] public actionResult Kommentar (int id, int? Seite) {#Region Kommentarliste var dal = new CarCompomentoperator (); int pageIndex = Seite ?? 1; // aktuelle Seite if (! String.IsnullorEmpty (Request.queryString ["pageIndex"])) {if (! Int.tryParse (Request.QueryString ["pageIndex"], out pageIndex) {pageIndex = 1;}} const int int inpacesize = 2; IEnumerable <CarComent> list = dal.getList (pageIndex, pageSize, out TotalPageCount, out TotalCount, "carid =" + id); var commentipagedList = new StaticPaceTlist <CarComent> (list, pageIndex, pagessize, convert.toint32 (TotalCount); "{/" pageCount/":" + commentipagedList.pageCount + ",/" currentPage/":" + commentipagedList.pagenumber + ",/" list/":" + jsonConvert.SerializeObject (Liste) + "}"; Return JSON (Strresult, JsonRequestBehavior.AllowGet);}JS -Code
<script type = "text/javaScript"> $ (document) .ready (function () {var carid = 1; $. Ajax ({url: "/car/comment", Datentyp: 'JSON', Typ: "Post", Daten: "Id =" + carid: sunity (data) {if (data). {// transpraight der zurückgegebene JSON $ ("#list"). append ('<table>'); $ ("#list"). append ('<tr>'); $ ("#list"). append ('<td> commenter </td>'); '); $ ("#list"). append (' <tr> '); }); eval ("(" + data + ")"). CurrentPage; "First": return "homepage"; case "prev": zurück "vorher"; Fall "nächstes": zurück "nächste Seite"; Fall "letztes": Rückgabe "letzte Seite"; Fall "Seite": return page;} //} // pageurl: function (type, page, type) {// return "/car/details. $ .ajax ({url: "/car/comment? $ (" #list"). append ('<table style = "border: 1px solid #00Ced1; Breite: 300px "> '); $ ("#list "). Append (' <tr> '); $ ("#list "). Append (' <td> commenter </td> '); $ ("#list"). append ('<tr>'); $ ("#list"). append ('<td>'); $ ("#list"). append ('<td>'+item.Content+'</td>'); });Das obige Aufbau von Bootstrap ist die vom Editor vorgestellte Seite auf dem Basis von Bootstrap. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!