No meu trabalho anterior, usei muita paginação, mas não foi sólido, por isso não é fácil de usar. Esta é uma paginação com atualização parcial. Eu tentei muito. Eu queria usar o MVCPager para atualização parcial, mas considerando que o custo é muito alto, desisti. Vamos resumir a paginação baseada no bootstrap primeiro, para que possa ser conveniente para eu usar no futuro
Endereço de código aberto https://github.com/lyonlai/bootstrap-paginator
Citação primeiro
JQuery
bootstrap.min.js
bootstrap-paginator.min.js
Código do controlador
[AuthorizationCodeAttribute] [Descrição ("Comentário Informações")] [httppost] Public ActionResult Comentário (int id, int? 1; // página atual if (! String.isnullorEmpty (request.QueryString ["PageIndex"])) {if (! Int.TryParse (request.QueryString ["PageIndex"], out PageIndex)) {PageIndex = 1;}} const a Pagage = 2; Longcount; Longcount; IEnumerable <CarComment> list = dal.getList (PageIndex, PageSize, Out TotalPageCount, Out TotalCount, "Carid =" + ID); var ComentmentiAgedList = new StaticPagedList <CarComment> (List, PageIndex, Pagesize, Convert.Toint32 (TotalCount); "{/" PageCount/":" + CommentIpagedList.PageCount + ",/" CurrentPage/":" + ComementiagedList.pageNumber + ",/" List/":" + jsonConvert.SerializeObject (list) + "}"; Return json (strresult, jsonRequestBehavior.allowget);}Código JS
<script type = "text/javascript"> $ (document) .ready (function () {var carid = 1; $. ajax ({url: "/car/comentário", datatype: 'json', tipo: "post), dados:" id = " + carid, success: function) {if (! {// transtraight the retornado json $ ("#LIST"). Append ('<table>'); $ ("#list"). Append ('<tr>'); $ ("#list"). Append ('<td> comentarista </td>'); $ ("#list"). Append ('<td>'+item.UserProFileId+'</td ") '); $ ("#list"). Append (' <tr> '); $ ("#list"). Append (' <td> content </td> '); $ ("#list"). Append (' <td> '+item.content+' '</td>'); $ ("#list"). }); + dados + ")"). CurrentPage; "Página inicial"; case "prev": retornar "página anterior"; case "próximo": retornar "próxima página"; case "Última": retornar "última página"; case "página": retornar página;} //} // Pageurl: function (type, página atual) {// retornar "/Car/Detalhes? $ .ajax ({url: "/carro/comentário? id =" + carid, tipo: "post", dados: "página =" + página, sucesso: function (data1) {if (data1! = null) {$ ("#list"). $ (" #list"). Append ('<tabela style = "borda: 1px sólido #00ced1; largura: 300px "> '); $ ("#list "). Append (' <tr> '); $ ("#list "). Append (' <td> comentarista </td> '); $ ("#list "). ("#list"). Append ('<tr>'); $ ("#list"). Append ('<td>'); $ ("#list"). Append ('<td>'+item.Content+'' </td> '); });O exposto acima está a atualização da página com base no bootstrap introduzido pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!