当重载一个返回视图的控制器时，我该如何基于ViewBag属性加载不同的内容?

本文关键字：ViewBag 何基于 属性 加载 重载 一个 控制器 视图 返回 | 更新日期: 2023-09-27 17:50:29

我有2个Index函数，

public ActionResult Index ( )
{
 ...
}

和

[HttpPost]
public ActionResult Index (HttpPostedFileBase file, string selectedOrgName, string selectedCatName)
{
 ...
}

第二个方法添加一个特定的对象:

ViewBag.orgcatJSON = PD.mapOrgs2Cats();

到ViewBag，而第一种方法没有。如果我调用了第二个方法，我需要用Javascript对这个对象做一些事情;如果我调用了第一个方法，我不会。所以我要做的是

var ogmap = @Html.Raw(@ViewBag.orgcatJSON);
$(function() {
    if (ogmap != undefined)
    {
       // do something
    }
});

但这似乎是非常糟糕的形式。有更好的方法吗?

当重载一个返回视图的控制器时，我该如何基于ViewBag属性加载不同的内容?

如果您希望根据不同的方法在视图中拥有不同的内容，那么就这样做并使用两个视图。然后，您可以对相关内容使用偏导数来保持DRY。

像这样分离视图的一个主要优点是，您已经使依赖项(在本例中是ViewBag变量)更加清晰。在您的示例中，您将不得不深入到javascript中以发现可能需要一些时间的细节。根据经验，我总是尽量保持我的观点尽可能愚蠢(即尽可能少的逻辑来完成任务)。 例如:

控制器/ExampleController.cs : 

public ActionResult Index ( )
{
    //...
    return View("View1");
}
[HttpPost]
public ActionResult Index (HttpPostedFileBase file, string selectedOrgName, string selectedCatName)
{
    //...
    ViewBag.orgcatJSON = "some json string"; 
    return View("View2");
}

视图/例子/View1.cshtml : 

<h1>View 1</h1>
<!-- specific content here -->
<!-- now include shared content -->
@Html.Partial("SharedContent")

视图/例子/View2.cshtml : 

<h1>View 2</h1>
<!-- specific content here -->
<!-- now include shared content -->
@Html.Partial("SharedContent")
<script>
var ogmap = @Html.Raw(ViewBag.orgcatJSON);
$(function() {
      //functionality here
});
</script>

视图/例子/SharedContent.cshtml : 

<p>Hello World!</p>

要扩展更清晰的依赖点，您可以通过使用ModelBinder绑定预期的类型来使它更清晰。然后你的依赖会更少隐藏，你可以用直接绑定的json代替你对ViewBag的使用。

关于ModelBinder是什么以及它是如何工作的更多信息，我建议你阅读这篇文章。

如果您决定采用这种方法，请将第二个Index方法和第二个View更改为以下内容:

控制器/ExampleController.cs : 

[HttpPost]
public ActionResult Index (HttpPostedFileBase file, string selectedOrgName, string selectedCatName)
{
    //...
    //let's pass the json directly to the View and make the dependency 100% clear
    var json = "some json string"; 
    return View("View2", json);
}

视图/例子/View2.cshtml : 

@model System.String
<!-- in the above line, we are telling the view what type we expect to be bound by the controller -->
<h1>View 2</h1>
<!-- specific content here -->
<!-- now include shared content -->
@Html.Partial("SharedContent")
<script>
var ogmap = @Html.Raw(model);
$(function() {
      //functionality here
});
</script>
相关文章：