MVC 中绑定多个模型的 10 种方法

运行应用程序，我们将获得所需的输出。

3. ViewData

ViewData 用于将数据从控制器传递到视图。ViewData 的作用域仅限于当前请求。ViewData 在获取数据时需要类型转换。ViewData 是 ControllerBase 类的一个属性。ViewData 是 ViewDataDictionary 类的派生类，因此我们可以使用“键/值”对其进行访问。

要使用 ViewData 来处理多个模型，请如下更改您的操作方法。

   public ActionResult GetBlogComment()
        {
            ViewData["Blog"] = GetBlogModel();
            ViewData["Comments"] = GetCommentModel();

            return View();
        }

现在根据 ViewData 更改您的视图（GetBlogComment.cshtml）如下。

运行应用程序，我们将获得与方法 1 相同的结果。

4. TempData

TempData 也是一个字典，派生自 TempDataDictionary 类。TempData 存储在短生命周期的会话中。我们也可以通过 TempData 传递多个模型。

如下更改您的操作方法。

   public ActionResult GetBlogComment()
        {
            TempData["Blog"] = GetBlogModel();
            TempData["Comments"] = GetCommentModel();

            return View();
        }

现在根据 TempData 更改您的视图（GetBlogComment.cshtml）如下。

现在运行应用程序，我们将获得所需的结果。

5. Session

Session 用于在 MVC 应用程序中跨控制器传递数据。Session 数据永不过期（默认会话过期时间为 20 分钟，但可以增加）。Session 对所有请求都有效，而不是仅限于单个重定向。

对于 Session，请如下更改您的操作方法。

   public ActionResult GetBlogComment()
        {
            Session["Blog"] = GetBlogModel();
            Session["Comments"] = GetCommentModel();

            return View();
        }

现在根据 Session 更改您的视图（GetBlogComment.cshtml）如下。

运行应用程序，我们将获得预期的结果。

6. Dynamic (ExpandoObject)

ExpandoObject 类使我们能够在运行时添加和删除成员。所以，如果我们想在运行时动态地构建一个对象进行处理，那么我们可以使用 ExpandoObject。

我将不会深入探讨 ExpandoObject 的细节。让我们看看如何将 ExpandoObject 与多个模型一起使用。

如下更改操作方法。

   public ActionResult GetBlogComment()
        {         
            dynamic BCVM = new ExpandoObject();
            BCVM.Blog = GetBlogModel();
            BCVM.Comments = GetCommentModel();
            return View(BCVM);
        }

注意：要使用 ExpandoObject，请添加 System.Dynamic 命名空间。

如下更改您的视图。

运行应用程序，我们将获得预期的结果。

7. Tuples (元组)

Tuple 是一个有序序列，包含不可变的、固定大小的异构对象。Tuple 中的每个对象都具有特定的类型。

Tuple 在编程中并不是新概念。它们已经在 F#、Python 和数据库中使用。它们对 C# 来说是新的。Tuple 是在 C# 4.0 中随着动态编程一起引入的。

我们也可以使用 Tuple 来将多个模型传递给视图，如下所示。

   public ActionResult GetBlogComment()
        {
            var BCVM = new Tuple<BlogModel, 
                       List<CommentModel>>(GetBlogModel(), GetCommentModel());
            return View(BCVM);
        }

现在更改您的视图如下。

运行应用程序以查看结果。

8. Render Action

Render Action 是特殊的控制器方法，仅用于从视图调用。我们创建 Render Action 方法的方式与创建常规 Action 方法相同。

一个 Render Action 是控制器类中的一个 public 方法。Render Action 是从视图而不是从 URL 调用的，所以我们应该使用 [ChildActionOnly] 属性来装饰 RenderAction。

我将创建两个 Action 方法，从这些方法中返回部分视图的结果，并通过 RenderAction 方法将这些结果渲染到视图上。

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

        public PartialViewResult RenderBlog()
        {
            return PartialView(GetBlogModel());
        }

        public PartialViewResult RenderComments()
        {
            return PartialView(GetCommentModel());
        }

右键单击 RenderBlog() 并像下面一样添加一个视图（确保我们需要创建一个部分视图，因此请勾选该选项）。

现在像下面一样更改您创建的部分视图（RenderBlog.cshtml）的代码。

同样，右键单击 RenderComments 并像下面一样创建另一个部分视图。

像下面一样更改这个部分视图（RenderComments.cshtml）。

现在是将这两个部分视图渲染到我们主视图 GetBlogComment.cshtml 的时候了。

现在运行应用程序，我们将获得所需的结果。

9. JSON

我们也可以通过 Json 来绑定多个模型。我们将从 Action 方法返回 JsonResult，然后在视图中通过 JQuery 解析 JSON 数据并在视图上进行绑定。代码如下。

更改您的操作方法，以便 Action 方法可以返回 JSON。

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

        public JsonResult RenderBlog()
        {
            return Json(GetBlogModel());
        }

        public JsonResult RenderComments()
        {
            return Json(GetCommentModel());
        }

如下更改您的视图。

10. 导航属性

如果两个模型相关，那么我们可以将一个模型作为一个属性绑定到另一个模型中，并将其传递给视图。例如，我们有一个 Blog 模型和一个 Comment 模型，一篇博文可以包含多个评论，所以我们可以在 Blog 模型中声明一个导航属性，如下所示。

  public class BlogModel
    {
        public int BlogID { get; set; }
        public string BlogTitle { get; set; }
        public string BlogDescription { get; set; }
        public DateTime CreatedDate { get; set; }

        public List<CommentModel> Comments { get; set; } //Navigation Property

    }

现在像下面一样更改您的 GetBlogModel() 函数和 GetBlogComment() Action。

   public ActionResult GetBlogComment()
        {
            BlogModel BM = GetBlogModel();
            return View(BM);
        }

        public BlogModel GetBlogModel()
        {
            BlogModel bModel = new BlogModel()
            {
                BlogID = 1,
                BlogTitle = "MVC Blog",
                BlogDescription = "This is MVC Blog",
                CreatedDate = DateTime.Now,
                Comments = GetCommentModel() //Add Comments here
            };
            return bModel;
        }

        public List<CommentModel> GetCommentModel()
        {
            List<CommentModel> cModel = new List<CommentModel>();

            cModel.Add(new CommentModel() 
            { BlogID = 1, CommentID = 1, Comment = "Good One", CommentedBy = "Vijay" });
            cModel.Add(new CommentModel() 
            { BlogID = 1, CommentID = 2, Comment = "Nice", CommentedBy = "Nishant" });
            cModel.Add(new CommentModel() 
            { BlogID = 1, CommentID = 2, Comment = "Perfect", CommentedBy = "Saurabh" });
            return cModel;
        }

现在像下面一样创建您的视图。

最后，如果这篇文章有帮助，您喜欢这篇文章，请投票。

历史

• 2016 年 6 月 26 日：初稿