1

我有一个 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());
    }

其次,各个tab链接的相关控制器方法如下:

    [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 加载到选项卡 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。

有没有人有任何想法或经历过类似的问题?

4

0 回答 0