ASP.NET PagedList.MVC for PartialView

Question

私はPagedList.Mvcを使用していますが、少し問題があります。だから私はドロップダウンリストから国を選択し、ajaxを使用して送信することができますインデックスのビューがあります。

ビュー：私のGETEMPLOYEEコントローラの方法で

@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> 

、私はデシベルをループして部分図にモデルオブジェクトを渡しています。

コントローラー：私のpartialEmployeeビューで

[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ビュー：

@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

さて、Url.Action("GetEmployee", new { page, CountryId=Model.FirstOrDefault().CountryId })に、I理解した。

ViewBag.CountryId = CountryIdを追加する必要がありました。 GetEmployeeメソッド内に が含まれているため、ビューで使用できます。だから、ビューの

は：

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

それはスムーズに働きました。

Answer 2

1. 変更GetEmployee()方法
2. からGET代わり
3. POSTの削除HttpPost属性にWebメソッドの種類は変更あなたのUrl.actionスティーブンとアルドのコメントに基づいて