http://blog.stevensanderson.com/2010/01/28/editing-a-variable-length-list-aspnet-mvc-2-style/で説明されているように、可変長リストを含むビューを作成しました。
ここのポイント13で説明されているように、アクションフィルターでPRGパターンを使用しようとしています: http://weblogs.asp.net/rashid/archive/2009/04/01/asp-net-mvc-best-practices-part- 1.aspx .
私は編集アクションを持っています:
[HttpGet, ImportModelStateFromTempData]
public ActionResult Edit(int id)
{
}
そして投稿アクション：
[HttpPost, ExportModelStateToTempData]
public ActionResult Edit(int id, FormCollection formCollection)
{
if (!TryUpdateModel<CategoryEntity>(category, formCollection))
{
return RedirectToAction("Edit", new { id = id });
}
// succes, no problem processing this...
return RedirectToAction("Edit", new { id = id });
}
検証とエラーメッセージを含め、すべて正常に動作します。
私が持っている唯一の問題は、新しく追加されたアイテムと削除されたアイテム (クライアント側で削除/追加された) がリダイレクト後に保持されないことです。リダイレクト後に新しいアイテムでモデルを更新する方法を見つけようとしています。ImportModelStateFromTempData 属性を変更して、OnActionExecuted オーバーライドの代わりに OnActionExecuting オーバーライドを使用して、アクションで ModelState を使用できるようにしましたが、渡された ModelState からモデルを更新するきれいな方法がわかりません。
ImportModelStateFromTempData が変更されました:
public class ImportModelStateFromTempData : ModelStateTempDataTransfer
{
public override void OnActionExecuting(ActionExecutingContext filterContext)
{
ModelStateDictionary modelState = filterContext.Controller.TempData[Key] as ModelStateDictionary;
if (modelState != null)
{
filterContext.Controller.ViewData.ModelState.Merge(modelState);
}
base.OnActionExecuting(filterContext);
}
public override void OnActionExecuted(ActionExecutedContext filterContext)
{
//ModelStateDictionary modelState = filterContext.Controller.TempData[Key] as ModelStateDictionary;
//if (modelState != null)
//{
// //Only Import if we are viewing
// if (filterContext.Result is ViewResult)
// {
// filterContext.Controller.ViewData.ModelState.Merge(modelState);
// }
// else
// {
// //Otherwise remove it.
// filterContext.Controller.TempData.Remove(Key);
// }
//}
base.OnActionExecuted(filterContext);
}
}
これに関するご意見をお待ちしております。
ハルメン
更新：より明確にするために、（疑似）コードをさらに追加するかもしれないと思いました：
public class CategoryEntity
{
public int Id;
public string Name;
public IEnumerable<CategoryLocEntity> Localized;
}
public class CategoryLocEntity
{
public int CategoryId;
public int LanguageId;
public string LanguageName;
public string Name;
}
私の編集ビュー:
@model CategoryEntity
@{
ViewBag.Title = Views.Category.Edit;
}
<h2>@Views.Category.Edit</h2>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script type="text/javascript"><!--
$(document).ready(function () {
$('#addItem').click(function () {
var languageId = $('#languageId').val();
var index = $('#editor-rows').children().size() - 1;
$.ajax({
url: this.href + '?languageId=' + languageId + '&index=' + index,
cache: false,
error: function (xhr, status, error) {
alert(error);
},
success: function (html) {
$('#editor-rows').append(html);
}
});
return false;
});
$("a.removeItem").live("click", function () {
$(this).parents("div.editor-row:first").remove();
return false;
});
});
--></script>
@using (Html.BeginForm())
{
@Html.ValidationSummary(false)
<fieldset>
<legend>@Views.Shared.Category</legend>
@Html.HiddenFor(model => model.Id)
<div id="editor-rows">
<div class="editor-row">
<div class="editor-label">
@Html.LabelFor(model => model.Name, Views.Shared.NameEnglish)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
</div>
</div>
@for (int i = 0; i < Model.Localized.Count; i++)
{
@Html.EditorFor(m => m.Localized[i], "_CategoryLoc", null, null)
}
</div>
<div class="editor-label"></div>
<div class="editor-field">
@Html.DropDownList("languageId", (IEnumerable<SelectListItem>)ViewBag.LanguageSelectList)
@Html.ActionLink(Views.Category.AddNewLanguage, "AddNewLanguage", null, new { id = "addItem" })
</div>
<p class="clear">
<input type="submit" value="@Views.Shared.Save" />
</p>
</fieldset>
}
<div>
@Html.ActionLink(Views.Shared.BackToList, "Index")
</div>
CategoryLocEntity のエディター テンプレート:
@model CategoryLocEntity
<div class="editor-row">
@Html.HiddenFor(model => model.Id)
@Html.HiddenFor(model => model.LanguageId)
<div class="editor-label">
@Html.LabelFor(model => model.LanguageName, Model.LanguageName)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Name)
<a href="#" class="removeItem">@Views.Shared.Remove</a>
@Html.ValidationMessageFor(model => model.Name)
</div>
</div>