Question

我正在使用PagedList.Mvc并遇到一些问题。所以我有一个索引视图，我可以从下拉列表中选择国家/地区并使用ajax提交。

查看：

@model testModel.Models.Test

@using (Ajax.BeginForm("GetEmployee", "Test", new AjaxOptions
{
    HttpMethod = "POST",    
    UpdateTargetId = "showResult" 
})) 
{
@Html.AntiForgeryToken()
    @Html.DropDownList("CountryId", null, "-- Select Country --")            
    <input type="submit" value="Search" class="btn btn-default" />
}

<div id="showResult"></div>

在我的GetEmployee Controller方法中，我循环遍历数据库并将模型对象传递给局部视图。

控制器：

    [HttpPost]
    public ActionResult GetEmployee(int CountryId, int? page)
    {            
        var model = db.Employee
            .Include(x => x.Country)               
            .Where(x => x.Country.CountryId == CountryId)            
            .ToList();

        int pageSize = 3;
        int pageNumber = (page ?? 1);

        return PartialView("PartialEmployee", model.ToPagedList(pageNumber, pageSize));            
    }

在我的partialEmployee视图中，我在表中显示员工姓名。

PartialEmployee视图：

@model PagedList.IPagedList<testModel.Models.Employee>
@using PagedList.Mvc;
<link href="~/Content/PagedList.css" rel="stylesheet" type="text/css" />

@{
    Layout = null;
}

<table class="table table-hover">
    <tr>
        <th>Username</th> 
    </tr>

    @foreach (var item in Model)
    {         
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.EmployeeName)
            </td>             
        </tr>
    }

</table>
<br />
Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) of @Model.PageCount

<div id="contentPager">
    @Html.PagedListPager(Model, page => Url.Action("Index", new { page }))
</div>

所以这里的问题是，当我点击下一页（例如2）时，它返回到索引页面，而UpdateTargetId中没有显示任何表格。

<div id="showResult"></div>

非常感谢任何建议或示例代码。

Answer 1

将网络方法类型更改为GET，而不是POST
从HttpPost方法

GetEmployee()

将您的Url.action更改为Url.Action("GetEmployee", new { page, CountryId=Model.FirstOrDefault().CountryId })

Answer 2

好的，根据Stephen和Aldo的评论，我发现了它。

我不得不添加ViewBag.CountryId = CountryId; 在GetEmployee方法中，它可以在View中使用。

所以在视图中：

@Html.PagedListPager(Model, page => Url.Action("GetEmployee",
   new
   {
       page,
       CountryId = ViewBag.CountryId          
   }), PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing(new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "showResult" }))

运作顺利。

带有PartialView的ajax的ASP.NET PagedList.MVC

2 个答案: