3

我一直在努力解决这个问题,但无济于事。使用 MVC4,我希望通过局部视图在单个视图上显示 3 个模型。单一视图由 3 个部分视图(3 个数字列表)组成。我可以让一个模型显示在视图中,但不知道如何显示其他 2 个。

这是视图控制器的内容:

[AllowAnonymous]
    public ActionResult Dashboard()
    {
        //Database.SetInitializer<AlertsContext>(null);
        Database.SetInitializer<MemberUsersContext>(null);
        //Database.SetInitializer<ClubsContext>(null);

        //AlertsContext db = new AlertsContext();
       MemberUsersContext db = new MemberUsersContext();
        //ClubsContext db = new ClubsContext();
        //db.MemberUsers.ToList()
        return View(db.MemberUsers.ToList());
    }

这就是我作为 View 本身的模型(为了编译,我删除了不在 @model IENumerable 语句下的两个:

    @model IEnumerable<GMC.Models.MemberUsers>

    <div class="dashboard_alerts">    
      @Html.Partial("DashboardAlerts")
   </div>

    <div class="dashboard_pending_clubs">    
       @Html.Partial("DashboardClubs")
    </div>

    <div class="dashboard_verified_members">    
       @Html.Partial("DashboardMembers")
     </div>

在每个部分视图中,标题如下:

仪表板俱乐部

    @model IEnumerable<GMC.Models.Clubs>

仪表板成员

    @model IEnumerable<GMC.Models.MemberUsers>

仪表板警报

    @model IEnumerable<GMC.Models.Alerts>

现在我的问题是如何将三个数据库上下文传递到仪表板?我非常困惑并且正在挣扎。

4

2 回答 2

3

有很多方法可以做到这一点并使其通用,但它们大多都有一个 ViewModel。您专门为支持仪表板视图而创建的类:

public class DashboardViewModel {   
  public IEnumerable<GMC.Models.Clubs> Clubs {get;set;}
  public IEnumerable<GMC.Models.MemberUsers> MemberUsers {get;set;}
  public IEnumerable<GMC.Models.Alerts> Alerts {get;set;}
}

如果这些只是数据库中的不同表,则它们都应该通过相同的上下文访问,因为上下文管理您的连接和其他资源。但是,如果没有看到该代码,我将不会继续下去。

[AllowAnonymous]
    public ActionResult Dashboard()
    {
        //populate data into our view model(vm)
        var vm = new DashboardViewModel{
           Clubs = db.Clubs.ToList(),
           MemberUsers = db.MemberUsers.ToList(),
           Alerts = db.Alerts.ToList()
        };
        return View(vm);
    }

仪表板视图:

    @model DashboardViewModel

    <div class="dashboard_alerts">    
      @Html.Partial("DashboardAlerts", Model.Alerts)
   </div>

    <div class="dashboard_pending_clubs">    
       @Html.Partial("DashboardClubs", Model.Clubs)
    </div>

    <div class="dashboard_verified_members">    
       @Html.Partial("DashboardMembers", Model.MemberUsers)
     </div>

就个人而言,我不会使用 Html.Partial,而是使用 Action/RenderAction,因为它们将允许您实际调用另一个返回 PartialViewResult 的操作,因此每个操作都负责检索自己的数据。我并不总是这样做,但如果合适的话,那么动作/局部视图更可重用。

这看起来更像这样:

    public ActionResult Dashboard()
    {
        return View();
    }

    public PartialViewResult Clubs()
    {
       ....
        return PartialView(db.Clubs.ToList());//this assumes the partial view is named Clubs.cshtml, otherwise you'll need to use the overload where you pass the view name
    }

    public PartialViewResult Alerts()
    {
       ....
        return PartialView(db.Alerts.ToList());
    }

...

仪表板.cshtml

    <div class="dashboard_alerts">    
      @Html.Action("Alerts")
   </div>

    <div class="dashboard_pending_clubs">    
       @Html.Action("Clubs")
    </div>

    <div class="dashboard_verified_members">    
       @Html.Action("Members")
     </div>
于 2013-04-08T20:43:36.957 回答
2

您需要为仪表板页面创建一个特定的 ViewModel。

public class DashboardViewModel
{
  public IEnumerable<GMC.Models.Clubs> Clubs { get; set; }
  public IEnumerable<GMC.Models.MemberUsers> Users  { get; set; }
  public IEnumerable<GMC.Models.Alerts> Alerts  { get; set; }
}

然后,在仪表板操作方法中,您将填充每个列表:

myModel.Users = db.MemberUsers.ToList();
...

然后,您需要更新视图以采用这个新的 ViewModel

 @model DashboardViewModel

最后,在视图中,您需要将数据传递给每个部分:

@Html.Partial("DashboardAlerts", Model.Alerts)

@Html.Partial("DashboardClubs", Model.Clubs)
于 2013-04-08T20:39:42.370 回答