我有一个MVC4剃刀视图(index.cshtml),其中包含以下jQuery生成的标签链接:
<div id="tabs">
<ul>
@foreach (var item in Model)
{
<li><a href="/MetaData/Edit?Name=@item.Name">@item.DisplayName</a></li>
}
</ul>
<div id="tabs-1">
</div>
</div>
通过以下控制器方法生成:
public ActionResult Index()
{
return PartialView("Index", db.MetaDatas.ToList());
}
其次,每个标签链接的相关控制器方法如下:
[HttpGet]
public ActionResult Edit(string Name = "")
{
MetaData item = db.MetaDatas.Where(md => md.Name.Equals(Name)).Single();
if (item == null)
{
return PartialView(null);
}
return PartialView(item);
}
通过ajax将edit.cshtml加载到tabs div中,如下所示:
@model Data.MetaData
<div id="_metadata_content">
<div class="message-success">@ViewBag.SuccessMessage</div>
<div class="message-error">@ViewBag.ErrorMessage</div>
@using (Ajax.BeginForm("Edit", "MetaData", new AjaxOptions { UpdateTargetId = "_metadata_content", HttpMethod = "POST" }
))
{
@Html.ValidationSummary(true)
<fieldset>
<legend>MetaData</legend>
<h2>@Model.DisplayName</h2>
@Html.HiddenFor(model => model.Name)
@Html.HiddenFor(model => model.DisplayName)
@Html.HiddenFor(model => model.AllowEdit)
<div class="editor-field">
@Html.TextAreaFor(model => model.Val, new { @cols = 80, @rows = 10 })
@Html.ValidationMessageFor(model => model.Val)
</div>
<p>
@if(Model.AllowEdit)
{
<input type="submit" value="Save"/>
}
</p>
</fieldset>
}
</div>
表单保存按钮链接到以下控制器方法:
[HttpPost]
public ActionResult Edit(MetaData metaData)
{
ViewBag.ErrorMessage = "Error updating value";
ViewBag.SuccessMessage = "";
if (ModelState.IsValid)
{
db.Entry(metaData).State = EntityState.Modified;
db.SaveChanges();
ViewBag.SuccessMessage = "Value updated successfully";
ViewBag.ErrorMessage = "";
}
return PartialView("Edit", metaData);
}
保存正常并成功调用控制器Edit方法。返回时,SuccessMessage和ErrorMessage值会正确更新。
但是,如果选择了另一个选项卡,则@ ViewBag.SuccessMessage和@ViewBag.ErrorMessage值不会传播到edit.cshtml。尽管这些值已正确保存到数据库中。
我觉得这与构建jQuery选项卡链接/MetaData/Edit?Name=@item.Name有关。原因是我在系统的另一部分有一个结构相同的页面,但我使用/Controller/Action/@Model.Value构建链接。由于某种原因,我无法使用字符串参数构造这样的链接,它只是作为null,因此我使用了?Name = @ item.Name。
之前有人有任何想法或遇到类似问题吗?