阻止子操作绑定到父ViewData

时间:2014-10-31 16:42:30

标签: c# .net asp.net-mvc asp.net-mvc-4 asp.net-mvc-partialview

我有一个普通视图(NV)和2个局部视图(PV1和PV2),PV2嵌套在PV1中,PV1在NV中。我遇到的问题是PV1和PV2都有一个名为“isSuccessful”的可选五声台,它被添加到View包“ViewBag.IsSuccessful = isSuccessful;”在动作中,由于某种原因,当PV1的“isSuccessful”设置为true时,PV2的“isSuccessful”也被绑定为true。这导致PV2过早地运行一些JavaScript函数导致其他问题。

代码(结构和示例)

控制器中的

    public ActionResult NV(int id)
    {
        var model = GetNVModel(id);
        return View(model);
    }

    public ActionResult PV1 (int pv1Id = 0, bool isSuccessful = false)
    {
        var model = GetPV1Model(id);
        ViewBag.IsSuccessful = isSuccessful;
        return PartialView(model);
    }

    public ActionResult PV2 (int pv2Id = 0, bool isSuccessful = false)
    {
        var model = GetPV2Model(id);
        if(model == null){model = new PV2Model();}
        ViewBag.IsSuccessful = isSuccessful;
        return PartialView(model);
    }

观点

NV.cshtml

     @model NVModel
     <div>
         @if (Model != null && Model.PV1Id != null && Model.PV1Id > 0)
         {<text>
              @Html.Action("PV1", "ControlerName", new { PV1Id = Model.PV1Id, isSuccessful = true})
         </text>}
     </div>

PV1.cshtml

     @model PV1Model
     @{bool isSuccessful = (ViewBag.IsSuccessful != null ? (bool)ViewBag.IsSuccessful : false);}
     <div>
         @if (Model != null && Model.PV2Id != null && Model.PV2Id > 0)
         {<text>
              @Html.Action("PV2", "ControlerName", new { PV2Id = Model.PV2Id })
         </text>}
     </div>
     <script>
         @if (isSuccessful )
         {<text>
              function sayHello()
              {console.log('Hello PV1');}
         </text>}
     </script>

PV2.cshtml

     @model PV2Model
     @{bool isSuccessful = (ViewBag.IsSuccessful != null ? (bool)ViewBag.IsSuccessful : false);}
     <div>
         @if (Model != null)
         {<text>
              @Html.TextBoxFor(model=> model.Message)
         </text>}
     </div>
     <script>
         @if (isSuccessful )
         {<text>
              $(document).ready(function(){
                 console.log($("#Message").val());
              });
         </text>}
     </script>

我不明白为什么PV1的ViewData / ViewBag被传递给PV2。我认为没有传递所有的父ViewData / ViewBag是使用“@ Html.Action”而不是“@ Html.Partial”的一部分。 我需要知道的是,如果有一个参数我需要传递给“@ Html.Action”或者需要翻转web.config属性,因为上面不仅仅是一次事情,这是我一直在做我的大多数页面的方式,以使视图尽可能灵活。

我正在使用ASP.NET MVC 4,C#和.NET 4.5

感谢您对此问题的任何帮助或线索。

1 个答案:

答案 0 :(得分:1)

ViewBag不在操作之间共享,但路由参数是!如果在PV2方法中设置断点并在执行ViewBag.IsSuccessful = isSuccessful;之前检查ViewBag,则可以看到此信息。您将看到ViewBag为空,但方法接收参数为true。

问题是您正在将路由参数isSuccessful传递给带有@Html.Action("PV1", "ControlerName", new { PV1Id = Model.PV1Id, isSuccessful = true})的PV1,因此当您调用PV2操作时,PV2的路由属性将与当前路由属性合并。这意味着isSuccessful将被传递给PV2。

如果检查Html.Action帮助MVC source code,您将看到路由属性与当前属性合并。检查合并发生的内部ActionHelper方法:

internal static void ActionHelper(HtmlHelper htmlHelper, string actionName, string controllerName, RouteValueDictionary routeValues, TextWriter textWriter)
{
    ...

    //The route values provided to @Html.Action are merged with the current ones
    RouteValueDictionary additionalRouteValues = routeValues;
    routeValues = MergeDictionaries(routeValues, htmlHelper.ViewContext.RouteData.Values);

    ...
}

如果要阻止此操作,可以在调用PV2时覆盖route参数。为此,您可以执行以下操作:

@Html.Action("PV2", "Home", new { isSuccessful = "" })

您也可以使用RouteValueDictionary调用该操作,这样您就可以将route参数设置为null:

@Html.Action("PV2", "Home", new RouteValueDictionary{{"isSuccessful", null}})