Paged Listプラグインを使用してビューにページングを追加したところ、1 ページのみのデータを戻すことができました。[次へ] またはその他の使用可能なページ番号をクリックすると、ページが再送信され、空白のフォームが表示されます。
コードを確認したところ、コントローラーに返されるビュー モデル オブジェクトが完全に null であることがわかりました。これを回避する方法を知っている人はいますか (つまり、別のページ リスト ページに移動するときにビュー モデル データを保持する)。
モデルを見る
public class ZipCodeIndex
{
[DisplayName("Zip Code")]
public string searchZip { get; set; }
public IEnumerable<SelectListItem> StateCodes { get; set; }
[DisplayName("Effective on this date")]
public string searchDate { get; set; }
[DisplayName("State")]
public string searchState { get; set; }
[DisplayName("Territory")]
public string searchTerritory { get; set; }
[DisplayName("New Territory")]
public string newTerritory { get; set; }
[DisplayName("New Description")]
public string newDescription { get; set; }
[DisplayName("New Effective Date")]
public string newEffectiveDate { get; set; }
public IPagedList<ZipCodeTerritory> pagedTerritoryList { get; set; }
public List<ZipCodeTerritory> zipCodeTerritory { get; set; }
public ZipCodeIndex()
{
zipCodeTerritory = new List<ZipCodeTerritory>();
SetStateCodes();
}
//Set state code drop down list
private void SetStateCodes()
{
AgentResources db = new AgentResources();
StateCodes = (from z in db.ZipCodeTerritory
select z.StateCode).Select(x => new SelectListItem
{
Text = x,
Value = x
}).Distinct().ToList();
db.Dispose();
}
}
コントローラ
public ViewResult Index(int? page, string errorMessage = "", ZipCodeIndex search = null)
{
//set Paged List counter variables
int pageNumber = page ?? 1;
int pageSize = 300;
//If TempData conntains information method call came from another controller action
if (TempData.Count > 0)
{
//Instantiate ZipCodeIndex view model object if it exists
search = (ZipCodeIndex)TempData["ZipCodeIndexData"];
//Clear out previous search results
search.zipCodeTerritory.Clear();
}
//Proceed with search
try
{
//If search criteria is null page is loading for the first time so send blank view
if (String.IsNullOrWhiteSpace(search.searchZip) &&
String.IsNullOrWhiteSpace(search.searchDate) &&
String.IsNullOrWhiteSpace(search.searchState))
{
if (!string.IsNullOrWhiteSpace(search.searchTerritory))
{
ViewBag.ErrorMessage = "State or Zip Code required for search.";
}
//Convert list to IPagedList for pagining on Index
search.pagedTerritoryList = search.zipCodeTerritory.ToPagedList(pageNumber, pageSize);
return View(search);
}
//Determine if necessary search criteria has been sent
if (String.IsNullOrWhiteSpace(search.searchZip) && String.IsNullOrWhiteSpace(search.searchState))
{
ViewBag.ErrorMessage = "Either State or Zip Code Must be Specified";
//Convert list to IPagedList for pagining on Index
search.pagedTerritoryList = search.zipCodeTerritory.ToPagedList(pageNumber, pageSize);
return View(search);
}
DateTime effectiveDate;
//Convert date string to DateTime type
if (String.IsNullOrWhiteSpace(search.searchDate))
{
effectiveDate = DateTime.MinValue;
}
else
{
effectiveDate = Convert.ToDateTime(search.searchDate);
}
//Conduct search by State Code/Date alone
if (String.IsNullOrWhiteSpace(search.searchZip))
{
if (string.IsNullOrWhiteSpace(search.searchTerritory))
{
search.zipCodeTerritory = (from z in db.ZipCodeTerritory
where z.StateCode.Equals(search.searchState) &&
z.EffectiveDate >= effectiveDate
select z).ToList();
}
else
{
search.zipCodeTerritory = (from z in db.ZipCodeTerritory
where z.StateCode.Equals(search.searchState) &&
z.IndDistrnId.Equals(search.searchTerritory) &&
z.EffectiveDate >= effectiveDate
select z).ToList();
}
//Convert list to IPagedList for pagining on Index
search.pagedTerritoryList = search.zipCodeTerritory.ToPagedList(pageNumber, pageSize);
}
return View(search);
}
意見
@model Monet.ViewModel.ZipCodeIndex
@{
ViewBag.Title = "Zip Code Territory Search";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@using PagedList.Mvc;
@using PagedList;
<h2>Zip Code Territory</h2>
@using (Html.BeginForm("Index", "ZipCodeTerritory", FormMethod.Post))
{
<div class="error" id="searchErrors">
@ViewBag.ErrorMessage
</div>
<br/>
<div id="searchBox" class="boxMe">
<div id="zipBox">
@Html.Raw("Zip Code")
@Html.TextAreaFor(model => model.searchZip, new { style = "width: 300px;", placeholder = "Enter up to 35 comma separated zip codes" })
</div>
<div id="dateBox">
@Html.LabelFor(model => model.searchDate)
@Html.TextBoxFor(model => model.searchDate, new { style="width: 80px;"})
<div id="terrBox">
@Html.LabelFor(model => model.searchTerritory)
@Html.TextBoxFor(model => model.searchTerritory, new { style = "width: 30px;padding-left:10px;", maxLength = 3 })
</div>
</div>
<div id="stateBox">
@Html.LabelFor(model => model.searchState)
@Html.DropDownListFor(model => model.searchState, Model.StateCodes, " ")
<button type="submit" id="SearchButton">Search</button>
</div>
</div>
<div style="clear: both;"></div>
}
<br/>
@Html.ActionLink("Create New", "Create")
<br/>
<br/>
<div class="error" id="updateErrors">
@ViewBag.UpdateAction
</div>
@if (Model.zipCodeTerritory.Count > 0)
{
using (Html.BeginForm("Update", "ZipCodeTerritory", FormMethod.Post))
{
@Html.HiddenFor(model => model.searchZip)
@Html.HiddenFor(model => model.searchDate)
@Html.HiddenFor(model => model.searchState)
<div id="cloneBox">
@Html.LabelFor(model => model.newTerritory)
@Html.TextBoxFor(model => model.newTerritory, new { style = "width: 30px;padding-left:10px;", maxLength = 3 })
@Html.LabelFor(model => model.newDescription)
@Html.TextBoxFor(model => model.newDescription, new { style = "width: 250px;padding-left:10px;", maxLength = 30 })
@Html.LabelFor(model => model.newEffectiveDate)
@Html.TextBoxFor(model => model.newEffectiveDate, new { style = "width: 80px;padding-left:10px;" })
</div>
<br/>
<div id="buttonDiv">
<button type="submit" id="CloneButton" name="button" value="clone">Update Selected Items</button>
<button type="submit" id="deleteButton" name="button" value="delete">Delete Selected Items</button>
</div>
<div id="pagingDiv">
@Html.PagedListPager(Model.pagedTerritoryList, page => Url.Action("Index", new { page }))
</div>
<table id="thetable" class="tablesorter" >
<thead>
<th>@Html.CheckBox("SelectAll")</th>
<th>Channel</th>
<th>Territory</th>
<th>Description</th>
<th>State</th>
<th>Zip</th>
<th>Effective</th>
<th>End Date</th>
<th>Last Update By</th>
<th>Last Update Date</th>
<th></th>
</thead>
<tbody id="tableBody">
@for (int i = 0; i < Model.pagedTerritoryList.Count; i++)
{
<tr>
<td>
@Html.CheckBoxFor(model => model.pagedTerritoryList[i].Update)
@Html.HiddenFor(model => model.pagedTerritoryList[i].Update)
</td>
<td>
@Html.DisplayFor(model => model.pagedTerritoryList[i].ChannelCode)
@Html.HiddenFor(model => model.pagedTerritoryList[i].ChannelCode)
</td>
<td>
@Html.DisplayFor(model => model.pagedTerritoryList[i].IndDistrnId)
@Html.HiddenFor(model => model.pagedTerritoryList[i].IndDistrnId)
</td>
<td>
@Html.DisplayFor(model => model.pagedTerritoryList[i].DrmTerrDesc)
@Html.HiddenFor(model => model.pagedTerritoryList[i].DrmTerrDesc)
</td>
<td>
@Html.DisplayFor(model => model.pagedTerritoryList[i].StateCode)
@Html.HiddenFor(model => model.pagedTerritoryList[i].StateCode)
</td>
<td>
@Html.DisplayFor(model => model.pagedTerritoryList[i].ZipCode)
@Html.HiddenFor(model => model.pagedTerritoryList[i].ZipCode)
</td>
<td>
@Html.DisplayFor(model => model.pagedTerritoryList[i].EffectiveDate)
@Html.HiddenFor(model => model.zipCodeTerritory[i].EffectiveDate)
</td>
<td>
@Html.DisplayFor(model => model.pagedTerritoryList[i].EndDate)
@Html.HiddenFor(model => model.pagedTerritoryList[i].EndDate)
</td>
<td>
@Html.DisplayFor(model => model.pagedTerritoryList[i].LastUpdateId)
@Html.HiddenFor(model => model.pagedTerritoryList[i].LastUpdateId)
</td>
<td>
@Html.DisplayFor(model => model.pagedTerritoryList[i].LastUpdateDate)
@Html.HiddenFor(model => model.pagedTerritoryList[i].LastUpdateDate)
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { id = Model.pagedTerritoryList[i].Id })
@Html.HiddenFor(model => model.pagedTerritoryList[i].Id)
</td>
</tr>
}
</tbody>
</table>
}
}
編集
この記事を見つけて、それに応じて変更しました@Html.PagedListPager
が、うまくいきませんでした (まだnull
ビューモデルオブジェクトを渡し、nullpage
パラメーターを渡すことさえあります...)
<div id="pagingDiv">
@Html.PagedListPager(Model.pagedTerritoryList, page => Url.Action("Index", new RouteValueDictionary()
{
{ "Page", Page},
{ "search", Model }
}), PagedListRenderOptions.PageNumbersOnly)
</div>