将参数和模型传递给 PagedListPager 中的组件视图

Question

我正在准备在 asp.net core 中使用 PagedList

视图组件名称中的函数列表：AdvListViewComponent.cs

public async Task<IViewComponentResult> InvokeAsync(int page = 1)
    {

        var adv = _db.advertisements.OrderByDescending(i => i.AdvId); 
        return View(adv.ToList().ToPagedList(page , 6 ));
    }

在 asp.net mvc 中，我使用此代码转到下一页（我的列表功能是控制器中的索引）

 @Html.PagedListPager(Model, page => Url.Action("Index", new { page }))

如何使用 lambda 和 PagedListPager 传递参数 page 和模型来查看组件 InvokeAsync (AdvList) AdvListViewComponent.cs 转到下一页

Answer 1

更好的方法是对视图使用复杂的模型。复杂模型将携带从动作到视图的所有必要日期。例如：

查看模型：

public class MyViewModel {
   public MyViewModel(){
      advList = new List<Adv>();
   }

   public int pageIndex {get; set;}
   public int pageSize {get; set;}
   public int TotalCount {get; set;}
   public string OrderBy {get; set;}
   public List<Adv> advList {get; set;}
}

行动：

public async Task<IActionResult> InvokeAsync(MyViewModel model)
{
    var adv = _db.advertisements
        .skip(model.pageIndex * model.pageSize)
        .Take(model.pageSize)
        .OrderByDescending(i => i.AdvId); 
    
    model.advList = adv.ToList().ToPagedList(model.pageIndex + 1 , model.pageSize)
    return View(model);
}

这允许您仅加载当前页面的数据，而不是所有数据。然后在视图中：

@Html.PagedListPager(Model.advList, page => Url.Action("Index", 
    new { Model.pageIndex, sortOrder = Model.OrderBy }))

现在，如果您单击寻呼机，那么在操作的参数中，pageIndex 和 OrderBy 将从 UI 自动填充。

这样您可以在视图和控制器之间发送-接收多个参数。