Estoy usando .net core 6 y tengo una tabla que tiene paginación y si la página de la tabla cambia, actualiza la página Quiero cambiar la página de la tabla sin actualizar usando vista parcial y Ajax
controlador:
public ActionResult Index(int pageId = 1) { UsersForAdminViewModel usersForAdminViewModel=_userService.GetAllUsers(pageId); return View(usersForAdminViewModel); }servicio de usuario:
public UsersForAdminViewModel GetAllUsers(int pageId = 1) { IQueryable<User> result = _context.Users; int take = 1; int skip = (pageId - 1) * take; UsersForAdminViewModel usersForAdminViewModel = new UsersForAdminViewModel(); usersForAdminViewModel.CurrentPage = pageId; usersForAdminViewModel.PageCount = result.Count() / take; usersForAdminViewModel.Users = result.OrderByDescending(d => d.RegisterDate).Skip(skip).Take(take).ToList(); return usersForAdminViewModel; }Vista:
@model UsersForAdminViewModel <table class="table table-striped table-bordered table-hover"> <thead> <tr> <th>Avatar</th> <th>UserName</th> <th>operation</th> </tr> </thead> <tbody> @foreach (var item in Model.Users) { <tr> <td> <img src="/Images/UserAvatars/Thumb/@item.UserAvatar"/> </td> <td>@item.UserName</td> <td> <a asp-action="Details" asp-route-id="@item.UserId" class="btn btn-outline btn-warning">Details</a> </td> </tr> } </tbody> </table> <ul class="pagination"> @for (int i = 1; i <= Model.PageCount; i++) { <li class="paginate_button" aria-controls="dataTables-example" tabindex="0"> <a asp-action="Index" asp-route-pageId="@i">@i</a> </li> } </ul>¿Me puede decir cómo hacer esto?
Gracias
¿Podría mostrar sus códigos sobre la vista parcial?
el guión podría gustar a continuación:
<script> $(document).ready(function () { $("#btRefresh").click(function () { $.ajax({ type: "POST", url: "/Test/TestRefresh", success: function (data) { $("#TestDiv").html(data); }, error: function (msg) { alert('error：' + msg); } }); }); }); </script>Controlador:
[HttpPost] public ActionResult TestRefresh() { somelogicalcodes return PartialView("PartialName", somelist); }