使用jQuery选项卡的MVC4控制器的字符串参数

时间:2012-12-03 11:20:49

标签: jquery c#-4.0 razor asp.net-mvc-4

我有一个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。

之前有人有任何想法或遇到类似问题吗?

0 个答案:

没有答案