ในงานก่อนหน้าของฉันฉันใช้การปนเปื้อนมากมาย แต่มันก็ไม่มั่นคงดังนั้นจึงไม่ง่ายที่จะใช้ นี่คือการปนเปื้อนที่มีการรีเฟรชบางส่วน ฉันพยายามมาก ฉันต้องการใช้ mvcpager สำหรับการรีเฟรชบางส่วน แต่เมื่อพิจารณาว่าค่าใช้จ่ายสูงเกินไปฉันยอมแพ้ มาสรุปการปนเปื้อนตาม bootstrap ก่อนเพื่อให้ฉันสามารถใช้ในอนาคตได้สะดวก
ที่อยู่โอเพ่นซอร์ส https://github.com/lyonlai/bootstrap-paginator
อ้างก่อน
jQuery
bootstrap.min.js
bootstrap-paginator.min.js
รหัสคอนโทรลเลอร์
[AuthorizationCodeattribute] [คำอธิบาย ("ข้อมูลความคิดเห็น")] [httppost] ความคิดเห็นสาธารณะ ActionResult (ID int, int? หน้า) {#ความคิดเห็นในภูมิภาครายการความคิดเห็น var dal = ใหม่ carcommentoperator (); int pageindex = หน้า? 1; // หน้าปัจจุบันถ้า (! string.isnullorEmpty (request.querystring ["PageIndex"])) {ถ้า (! int.tryparse (request.querystring ["PageIndex"], Out PageIndex) {PageIndex = 1;}} const ienumerable <carcomment> list = dal.getList (PageIndex, PageSize, Out TotalPagecount, Out TotalCount, "carid =" + id); "{/" pagecount/":" + commentipagedlist.pagecount + ",/" currentPage/":" + commentipagedList.pagenumber + ",/" รายการ/":" + jsonconvert.serializeObject (รายการ) + "}"; return json (strresult, jsonrequestbehavior.allowget);}รหัส JS
<script type = "text/javascript"> $ (เอกสาร) .ready (ฟังก์ชั่น () {var carid = 1; $. ajax ({url: "/car/comment", ประเภทข้อมูล: 'json', พิมพ์: "โพสต์", ข้อมูล: "id =" + carid, ความสำเร็จ: ฟังก์ชั่น (ข้อมูล) {// transtraight json ที่ส่งคืน $ ("#list"). ผนวก ('<bable>'); $ ("#list"). ผนวก ('<tr>'); $ ("#list"). ผนวก ('<td> ผู้แสดงความคิดเห็น </td>'); $ ("#list") '); $ ("#list"). ผนวก (' <tr> '); $ ("#list"). ผนวก (' <td> เนื้อหา </td> '); $ ("#list"). ภาคผนวก (' <td> '+item.content+' </td> '); }); eval ("(" + data + ")"). currentPage; "หน้าแรก"; กรณี "prev": return "หน้าก่อนหน้า"; กรณี "ถัดไป": return "หน้าถัดไป"; กรณี "สุดท้าย": return "หน้าสุดท้าย"; กรณี "หน้า": หน้ากลับ;} //} // pageurl: ฟังก์ชั่น (ประเภท, หน้า, ปัจจุบัน) {// return "/รายละเอียด $ .ajax ({url: "/car/comment? id =" + carid, type: "post", data: "page =" + หน้า, ความสำเร็จ: ฟังก์ชั่น (data1) {ถ้า (data1! = null) {$ ("#list"). html (""); $. $ (" #list"). ภาคผนวก ('<table style = "ชายแดน: 1px solid #00ced1; width: 300px "> '); $ ("#list "). ผนวก (' <tr> '); $ ("#list "). ผนวก (' <td> ผู้แสดงความคิดเห็น </td> '); $ ("#list "). ภาคผนวก (' <td> '+item.userprofileid+' </td> '); $ ("#list"). ผนวก ('<tr>'); $ ("#list"). ผนวก ('<td>'); $ ("#list"). ผนวก ('<td>'+item.content+'</td>'); });}}});}}; element.bootstrappaginator (ตัวเลือก);}}});});ด้านบนคือการรีเฟรชหน้าเว็บขึ้นอยู่กับ bootstrap แนะนำโดยตัวแก้ไขให้คุณ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!