Dalam pekerjaan saya sebelumnya, saya menggunakan banyak pagination, tetapi tidak solid, jadi tidak mudah digunakan. Ini adalah pagination dengan penyegaran parsial. Saya banyak mencoba. Saya ingin menggunakan mvcpager untuk penyegaran parsial, tetapi mengingat biayanya terlalu tinggi, saya menyerah. Mari kita ringkas pagination berdasarkan bootstrap terlebih dahulu, sehingga bisa lebih mudah bagi saya untuk digunakan di masa depan
Alamat Sumber Terbuka https://github.com/lyonlai/bootstrap-paginator
Kutipan dulu
JQuery
bootstrap.min.js
Bootstrap-paginator.min.js
Kode pengontrol
[OtorisasiCodeAttribute] [Deskripsi ("Informasi Komentar")] [httppost] Komentar ActionResult Publik (int id, int? Halaman) {#Daftar Komentar Wilayah var dal = carcommentoperator baru (); int pageIndex = halaman ?? 1; // halaman saat ini if (! String.isnullorEmpty (request.queryString ["pageIndex"])) {if (! Int.tryparse (request.queryString ["pageIndex"], out pageIndex)) {pageIndex = 1;}} const int pageSize = 2; long totr ke total; pageIndex = 1;}} const int int pageSize = 2; long totr ke total; longpagecount; IEnumerable <Carcomment> list = dal.getList (pageIndex, pageSize, out totalPageCount, out totalCount, "carid =" + id); var commentIpagedList = new StaticPagedList <Carcomment> (List, PageIndex, PageSize, Convert.toint32 (TotalCount); "{/" pagecount/":" + commentIpagedList.pagecount + ",/" currentpage/":" + commentIpagedList.pagenumber + ",/" list/":" + jsonConvert.serializeObject (daftar) + "}"; return json (Strresult, jsonrequestbehavior.allowget);}Kode JS
<type skrip = "text/javaScript"> $ (dokumen) .ready (function () {var carid = 1; $. ajax ({url: "/car/comment", dataPype: 'json', type: "Post", data: "id =" + carid, Success: function (data) {if (data! = null) {$. {// transtraight JSON yang dikembalikan $ ("#list"). append ('<ablew>'); $ ("#list"). append ('<tr>'); $ ("#list"). append ('<td> komentator </td>'); $ ("#list"). append ('<td>'+item.userprofileid+'</td> '); $ ("#list"). append (' <tr> '); $ ("#list"). append (' <td> konten </td> '); $ ("#list"). append (' <td> '+item.content+' </td> '); $ ("#list"). });. eval ("(" + data + ")"). CurrentPage; // Pergi ke data JSON Data yang dikembalikan. "Pertama": return "homepage"; case "prev": return "ever prieve page"; case "next": return "next page"; case "last": return "last page"; case "page": return page;} //} // pageUrl: function, type, page, saat ini) {// return "/car/detail? page =" + page;},//click {// return "/car/detail? page =" + page;},/click click: function: function: function: function: function: function: {function {function) {page) {// function {page,//page {page) {function, $ .AJAX ({url: "/mobil/komentar? id =" + carid, ketik: "post", data: "page =" + page, Success: function (data1) {if (data1! = null) {$ ("#list"). html (""); masing -masing (eval ("(" + data1 + "). $ (" #list"). append ('<table style = "Border: 1px solid #00ced1; lebar: 300px "> '); $ ("#list "). Append (' <tr> '); $ ("#list "). Append (' <td> komentator </td> '); $ ("#list "). Append (' <td> '+item.userprofileId+' </td> '); $ ("#"#"). $ ("#list"). append ('<tr>'); $ ("#list"). append ('<td>'); $ ("#list"). append ('<td>'+item.content+'</td>'); $ ("#list"). Tambahkan ('</tr>'); $ ("#"#"). });}}});}}; element.bootstrappaginator (opsi);}}});});Di atas adalah refresh halaman berdasarkan bootstrap yang diperkenalkan oleh editor kepada Anda. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!