ASP.NET MVC传递Model到视图的多种方式总结（一）_

有多种方式可以将数据传递到视图，如下所示：

ViewData
ViewBag
PartialView
TempData
ViewModel
Tuple

场景：

在视图页面，下拉框选择课程触发事件，分别显示老师课程表、学生上课表，如图：

相关的Model：

 1     public class Course
 2     {
 3         public int Id { get; set; }
 4         public string Name { get; set; }
 5     }
 6 
 7     public class Teacher
 8     {
 9         public int Id { get; set; }
10         public string Name { get; set; }
11         public List<Course> Courses { get; set; }
12     }
13 
14     public class Student
15     {
16         public int Id { get; set; }
17         public string Name { get; set; }
18         public List<Course> Courses { get; set; }
19     }

一、使用ViewData传递多个Model

□ HomeController

1         public ActionResult Index()
2         {
3             ViewData["Courses"] = _repository.GetCourses();
4             ViewData["Students"] = _repository.GetStudents();
5             ViewData["Teachers"] = _repository.GetTeachers();
6             return View();
7         }

□ Home/Index.cshtml

 1 @using MvcApplication1.Models
 2 @using System.Web.Helpers;
 3 @{   
 4     Layout = null;
 5 }
 6 
 7 <!DOCTYPE html>
 8 <html>
 9 <head>
10     <meta name="viewport" content="width=device-width" />
11     <title>ViewDataDemo</title>
12     <script src="~/Scripts/jquery-1.8.2.js"></script>
13     <script type="text/javascript">
14         $(function () {
15             //隐藏
16             $('#students').hide();
17             $('#teachers').hide();
18 
19             //点击课程下拉框           
20             $('#sel').change(function() {
21                 selectedCourseName = $('#sel').val().trim();
22                 if (selectedCourseName == "--选择课程--") {
23                     $('#students').hide();
24                     $('#teachers').hide();
25                 } else {
26                     getTeacherTable();
27                     getStudentTable();
28                     $('#students').show();
29                     $('#teachers').show();
30                 }
31             });
32         });
33 
34         var selectedCourseName;
35         //创建老师课程表
36         function getTeacherTable() {
37             $('#teachersTable').empty();
38             $('#teachersTable').append("<table id='tblTeachers'><tr><th>编号</th><th>姓名</th></tr></table>");
39             //把所有老师转换成json格式
40             var teachers = @Html.Raw(Json.Encode(ViewData["Teachers"]));
41             for (var i = 0; i < teachers.length; i++) {
42                 var courses = teachers[i].Courses;
43                 for (var j = 0; j < courses.length; j++) {
44                     if (courses[j].Name == selectedCourseName) {
45                         $('#tblTeachers').append("<tr><td>"+courses[i].Id+"</td><td>"+courses[i].Name+"</td></tr>");
46                     }
47                 }
48             }
49         }
50 
51         //创建学生上课表
52         function getStudentTable() {
53             $('#studentsTable').empty();
54             $('#studentsTable').append("<table id='tblStudents'><tr><th>编号</th><th>姓名</th></tr></table>");
55             var students = @Html.Raw(Json.Encode(ViewData["Students"]));
56             for (var i = 0; i < students.length; i++) {
57                 var courses = students[i].Courses;
58                 for (var j = 0; j < courses.length; j++) {
59                     if (courses[j].Name == selectedCourseName) {
60                         $('#tblStudents').append("<tr><td>"+courses[j].Id+"</td><td>"+courses[j].Name+"</td></tr>");
61                     }
62                 }
63             }
64         }
65     </script>
66 </head>
67 <body>
68     <div>
69         <table>
70             <tr>
71                 <td><h3>选择课程</h3></td>
72                 <td>
73                     <select id="sel">
74                         <option>--选择课程--</option>
75                         @foreach (var course in ViewData["Courses"] as List<Course>)
76                         {
77                             <option>@course.Name</option>
78                         }
79                     </select>
80                 </td>
81             </tr>
82         </table>
83     </div>
84     <div id="teachers">
85         <h4>老师课程表</h4>
86         <div id="teachersTable"></div>
87     </div>
88     <div id="students">
89         <h4>学生上课表</h4>
90         <div id="studentsTable"></div>
91     </div>
92 </body>
93 </html>

@Html.Raw(Json.Encode(ViewData["Students"]))是把Model转换成json字符串，需要用到System.Web.Helpers，把此类库引用到项目，并且必须设置"复制到本地属性"为true,否则报错。

二、使用ViewBag传递多个Model

□ HomeController

1 public ActionResult ViewBagDemo()
2 {
3     ViewBag.Courses = _repository.GetCourses();
4     ViewBag.Students = _repository.GetStudents();
5     ViewBag.Teachers = _repository.GetTeachers();
6     return View();
7 }

□ Home/ViewBagDemo.cshtml

下拉框遍历课程改成：
@foreach (var course in ViewBag.Courses)

getTeacherTable()方法中改成：
var teachers = @Html.Raw(Json.Encode(ViewBag.Teachers));

getStudentTable()方法中改成：
var students = @Html.Raw(Json.Encode(ViewBag.Students));

三、使用部分视图传递多个Model

□ HomeController

 1 public ActionResult PartialViewDemo()
 2 {
 3     List<Course> courses = _repository.GetCourses();
 4     return View(courses);
 5 }
 6 
 7 public ActionResult StudentsToPVDemo(string courseName)
 8 {
 9     IEnumerable<Course> courses = _repository.GetCourses();
10     var selectedCourseId = (from c in courses
11                             where c.Name == courseName
12                             select c.Id).FirstOrDefault();
13     IEnumerable<Student> students = _repository.GetStudents();
14     var studentsInCourse = students.Where(s => s.Courses.Any(c => c.Id == selectedCourseId)).ToList();
15     return PartialView("StudentPV", studentsInCourse);
16 }
17 
18 public ActionResult TeachersToPVDemo(string courseName)
19 {
20     IEnumerable<Course> courses = _repository.GetCourses();
21     var selectedCourseId = (from c in courses
22                             where c.Name == courseName
23                             select c.Id).FirstOrDefault();
24     IEnumerable<Teacher> teachers = _repository.GetTeachers();
25     var teachersForCourse = teachers.Where(t => t.Courses.Any(c => c.Id == selectedCourseId)).ToList();
26     return PartialView("TeacherPV", teachersForCourse);
27 }

□ Home/PartialViewDemo.cshmtl

 1 @model IEnumerable<MvcApplication1.Models.Course>
 2 @{
 3     Layout = null;
 4 }
 5 <!DOCTYPE html>
 6 <html>
 7 <head>
 8     <meta name="viewport" content="width=device-width" />
 9     <title>PatialViewDemo</title>
10     <script src="~/Scripts/jquery-1.8.2.js"></script>
11     <script type="text/javascript">
12         $(function () {
13             //隐藏
14             $('#students').hide();
15             $('#teachers').hide();
16 
17             //点击课程下拉框           
18             $('#sel').change(function() {
19                 selectedCourseName = $('#sel').val().trim();
20                 if (selectedCourseName == "--选择课程--") {
21                     $('#students').hide();
22                     $('#teachers').hide();
23                 } else {
24                     getTeacherTable();
25                     getStudentTable();
26                     $('#students').show();
27                     $('#teachers').show();
28                 }
29             });
30         });
31 
32         var selectedCourseName;
33         //创建老师课程表
34         function getTeacherTable() {
35             $.ajax({
36                 url: "@Url.Action("TeachersToPVDemo","Home")",
37                 type: 'Get',
38                 data: { courseName: selectedCourseName },
39                 success: function(data) {
40                     $('#teachersTable').empty().append(data);
41                 },
42                 error: function() {
43                     alert("sth wrong");
44                 }
45             });
46         }
47 
48         //创建学生上课表
49         function getStudentTable() {
50             $.ajax({
51                 url: "@Url.Action("StudentsToPVDemo","Home")",
52                 type: 'Get',
53                 data: { courseName: selectedCourseName },
54                 success: function (data) {
55                     $('#studentsTable').empty().append(data);
56                 },
57                 error: function () {
58                     alert("sth wrong");
59                 }
60             });
61         }
62     </script>
63 </head>
64 <body>
65     <div>
66         <table>
67             <tr>
68                 <td><h3>选择课程</h3></td>
69                 <td>
70                     <select id="sel">
71                         <option>--选择课程--</option>
72                         @foreach (var course in Model)
73                         {
74                             <option>@course.Name</option
75                         }
76                     </select>
77                 </td>
78             </tr>
79         </table>
80     </div>
81     <div id="teachers">
82         <h4>老师课程表</h4>
83         <div id="teachersTable"></div>
84     </div>
85     <div id="students">
86         <h4>学生上课表</h4>
87         <div id="studentsTable"></div>
88     </div>
89 </body>
90 </html>

□ TeacherPV.cshtml与StudentPV.cshtml

 1 @model IEnumerable<MvcApplication1.Models.Teacher>
 2 <table id="tblTeacherDetail">
 3     <tr>
 4         <th>编号</th>
 5         <th>名称</th>
 6     </tr>
 7     @foreach (var item in Model)
 8     {
 9         <tr>
10             <td>@item.Id</td>
11             <td>@item.Name</td>
12         </tr>
13     }
14 </table>

四、使用TempData传递多个Model

□ HomeController

 1 public ActionResult TempDataDemo()
 2 {
 3     //第一次从数据库读取数据放到TempData中，以后的请求从TempData中获取数据
 4     TempData["Courses"] = _repository.GetCourses();
 5     //让TempData保存数据，直到下一次请求
 6     TempData.Keep("Courses");
 7     return View();
 8 }
 9 
10 public ActionResult TeachersTempData(string courseName)
11 {
12     var courses = TempData["Courses"] as IEnumerable<Course>;
13     //由于TempData["Courses"]还要被下一次请求，继续TempData保存数据
14     TempData.Keep("Courses");
15     var selectedCourseId = (from c in courses
16         where c.Name == courseName
17         select c.Id).FirstOrDefault();
18     IEnumerable<Teacher> teachers = _repository.GetTeachers();
19     var teachersForCourse = teachers.Where(t => t.Courses.Any(c => c.Id == selectedCourseId)).ToList();
20     return PartialView("TeacherPV", teachersForCourse);
21 }
22 
23 public ActionResult StudentsTempData(string courseName)
24 {
25     var courses = TempData["Courses"] as IEnumerable<Course>;
26     //由于TempData["Courses"]还要被下一次请求，继续TempData保存数据
27     TempData.Keep("Courses");
28     var selectedCourseId = (from c in courses
29                             where c.Name == courseName
30                             select c.Id).FirstOrDefault();
31     IEnumerable<Student> students = _repository.GetStudents();
32     var studentsForCourse = students.Where(s => s.Courses.Any(c => c.Id == selectedCourseId)).ToList();
33     return PartialView("StudentPV", studentsForCourse);
34 }

□ Home/TempDataDemo.cshtml

下拉框遍历课程：
@foreach (var course in Model)

ajax请求老师课程表：
@Url.Action("TeachersTempData","Home")

ajax请求学生上课表：
@Url.Action("StudentsTempData","Home")

五、使用ViewModel传递多个Model

□ View Model

1 public class SchoolVm
2 {
3     public List<Course> Courses { get; set; }
4     public List<Student> Students { get; set; }
5     public List<Teacher> Teachers { get; set; }
6 }

□ HomeController

1 public ActionResult ViewModelDemoVM()
2 {
3     SchoolVm vm = new SchoolVm();
4     vm.Courses = _repository.GetCourses();
5     vm.Teachers = _repository.GetTeachers();
6     vm.Students = _repository.GetStudents();
7     return View(vm);
8 }

□ Home/ViewModelDemoVM.cshtml

@model MvcApplication1.Models.SchoolVm

下拉框遍历课程：
@foreach (var course in Model.Courses)

ajax请求老师课程表和学生上课表：
@Html.Raw(Json.Encode(Model.Teachers))
@Html.Raw(Json.Encode(Model.Students))

六、使用Tuple传递多个Model

□ HomeController

1 public ActionResult TupleDemo()
2 {
3     var allModels = new Tuple<List<Course>, List<Teacher>, List<Student>>(_repository.GetCourses(),
4         _repository.GetTeachers(), _repository.GetStudents()) {};
5     return View(allModels);
6 }

□ Home/TupleDemo.cshtml

@model Tuple <List <MvcApplication1.Models.Course>, List <MvcApplication1.Models.Teacher>, List <MvcApplication1.Models.Student>>

下拉框遍历课程：
@foreach (var course in Model.Item1)

ajax请求老师课程表和学生上课表：
@Html.Raw(Json.Encode(Model.Item2))
@Html.Raw(Json.Encode(Model.Item3))

参考链接：https://www.codeproject.com/Articles/687061/Using-Multiple-Models-in-a-View-in-ASP-NET-MVC-M

转载于:https://www.cnblogs.com/supersnowyao/p/8302554.html

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

cordova操作软键盘插件：ionic-plugin-keyboard
添加插件：cordova plugin add ionic-plugin-keyboard --save1.软键盘显示监听 window.addEventListener(native.keyboardshow, function (e) {// todo 进行键盘可用时操作//e.keyboardHeight 表示软件盘显示的时候的高度});2.软键盘隐藏监听window.addEventListener(native.ke…...
2024/4/21 0:13:54
几款GitHub安卓客户端的使用体验总结
Overview Client for GitHub 大小264M OctoDroid for GitHub 大小370M Top GitHub大小202M GitHub Trends大小466M GitHub Tutorial大小120M PockHub for GitHub大小389M ForkHub for GitHub大小276M GitHub Contributions Widget大小100M Gitskarios for Github大小1678M 总结…...
2024/5/8 12:45:32
IOS 键盘的显示与关闭，以及移动显示（UITextView处理完整版）（完美中文键盘输入避免触摸无效，做双重保障）
问题描述：在view controller 上面的view 上添加 scrollview ，在scrollview上添加 textview 处理（完美版：中文键盘输入避免触摸无效，做双重保障）下面的文章是取别的文章做研究，得出自己的处理方法：在文章的最后总结部分。IOS 键盘的显示与关闭在每一个IOS应用中，几乎不…...
2024/4/21 0:13:53
moodle中上传和显示中文名字文件
2008/11/28 9:05:07即使安装在windows上也无法直接正确上传和显示中文名字文件，所以问题肯定出在网页文件php的配置中， moodle/config.php $CFG->unicodecleanfilename = true; //任意位置最前面是美元符号当然如果你使用firefox浏览器应该不需要如此修改，其它浏览器…...
2024/4/21 0:13:51
游戏客户端是什么？
在网络游戏的开发中，在玩家所用设备上（PC机或游戏机）由玩家启动的为了进行游戏而运行着的、用来进行渲染处理和输入输出处理的专用游戏软件称为“游戏客户端”（GameClient）。事实上，这并不是那些与网络上的服务器进程进行连接的软件，但是通常它们都统称为客户端，所以在…...
2024/5/8 19:19:55
ASP.NET MVC无限级联异步下拉框（select）控件
前段时间参与一个公司的项目，使用ASP.NET MVC 3.0，其中有多处使用了级联下拉。考虑到这种ajax异步调用代码重复且不方便调试，于是做了一个公用控件，实际是一个.NET MVC的PartialView。PartialView： SelectView.cshtml@model Platform.Modules.Base.ViewModels.SelectView…...
2024/4/21 0:13:49
趋势科技防毒墙-网络版（OfficeScan）客户端管理工具
一个用vc6写的程序；公司里安装了officescan的朋友可能有用；本软件针对趋势防毒墙网络版Officescan客户端开发的管理员辅助工具，可以清除趋势防毒墙客户端的退出或者卸载密码，也可以清除Officescan的未上报病毒日志。本程序在WinXP下编译通过，在Officescan7.3下测试通过。下…...
2024/4/21 0:13:49
Moodle在普教中的出现率
Moodle是澳大利亚教师 Martin Dougiamas 基于建构主义教育理论而开发的课程管理系统，是一个免费的开放源代码的软件，目前在各国已广泛应用。 Moodle 这个词是 Modular Object-Oriented Dynamic Learning Environment ，即模块化面向对象的动态学习环境的缩写。是一个用来建…...
2024/4/21 0:13:47
手机横屏下，输入框输入时被系统键盘遮挡处理方法
$(input).bind(click,function(e){var $this = $(this);e.preventDefault();setTimeout(function(){$(window).scrollTop($this.offset().top - 10);},200)})开始输入后：开始输入后：里面用的setimeout原因是在安卓下，虚拟键盘的弹出有一点延迟，如果一开始就滚动，虚拟键盘还…...
2024/5/8 12:48:34
Android学习历程--新闻客户端实现
要实现新闻客户端就要知道什么是json 1.json: JSON：JavaScript 对象表示法（JavaScript Object Notation）。独立于语言和平台，比 XML 更小、更快，更易解析。如今JSON数据已经成为了互联网中大多数数据的传递方式，所以必须要熟练掌握。 Android平台自带了JSON解析的相关A…...
2024/4/21 0:13:46
IOS 点击空白处隐藏键盘的几种方法
IOS7 点击空白处隐藏键盘的几种方法IOS开发中经常要用到输入框，默认情况下点击输入框就会弹出键盘，但是必须要实现输入框return的委托方法才能取消键盘的显示，对于用户体验来说很不友好，我们可以实现点击键盘以外的空白区域来将键盘隐藏，以下我总结出了几种隐藏键盘的方法…...
2024/4/21 0:13:44
moodle笔记之-权限api
<?php//权限定义$capabilities = array( mod/mytest:managefiles => array(//具体的权限：插件类型/插件名/权限这里是增加一个实例 riskbitmask => RISK_SPAM,//该项权限对应的安全风险 captype => write,//权限类型：允许的读写能力 …...
2024/5/8 21:14:11
软键盘1—如何隐藏和显示软键盘
关闭软键盘 InputMethodManager imm = (InputMethodManager)getSystemService(Context.INPUT_METHOD_SERVICE); imm.hideSoftInputFromWindow(myEdit.getWindowToken(), 0); 下面就可以通过下面方法可以恢复显示 boolean showSoftInput(View view, int flags, ResultReceiver …...
2024/4/21 0:13:42
【级联】二级联动
<html> <head> </head> <body> <script language="JavaScript"> <!-- //第一维:第一个下拉列表的值 //第二维:表示下拉列表中看到的字符串 //第三维:表示下拉列表中的值 var subcat = new Array(); //如果大类的值是动态…...
2024/5/8 15:31:34
Java服务器与客户端通信框架初探
这篇文章中，我们讲述一下用Java实现网络通信的的基本流程，这里讲述的是不基于任何框架的原生语言自带的写法。Java服务器端写法：程序入口代码如下：public static void main(String[] args) {try {// ①　创建一个线程等其他客户端的连接final ServerSocket server = new S…...
2024/5/8 12:00:33
android仿微信、QQ等聊天界面，实现点击输入框弹出软键盘、点击其他区域收起软键盘，默认滑动至最低端
如图所示，点击输入框及选择图片和发送按钮时软键盘显示且不消失，点击其他区域，则隐藏软键盘。主要代码如下:override fun dispatchTouchEvent(ev: MotionEvent?): Boolean {if (ev!!.getAction() === MotionEvent.ACTION_DOWN) {val v = currentFocusif (isShouldHideInput…...
2024/5/8 20:02:53
Java新浪微博客户端开发第五步
这次把基本的功能都实现了，也加上了授权那块。用户第一次使用该客户端时弹出授权的对话框。默认把授权获得的access_token保存下来，只要access_token不过期（通过审核的应用有效期是一个星期），就可以直接运行客户端，无需登录或再次授权。实现的功能和一些改动如下：1、实现…...
2024/4/20 21:06:28
IOS开发中让点击屏幕任何地方可以隐藏键盘的方法
在iOS开发中，对UITextField进行编辑的时候键盘会自己弹出来。在编辑完成的时候，需要将键盘隐藏掉。隐藏键盘有很多种实现方法，最常见的是把TextField的firstResponder resign掉。即[textField resignFirstResponder]。本文介绍的是如何在键盘显示的时候，点击屏幕除了键盘以…...
2024/4/20 21:06:27
Moodle-3.1.2 (Ubuntu 16.04 )
平台： Ubuntu 类型：虚拟机镜像软件包： moodle-3.1.2commercialeducationmoodleopen-source服务优惠价: 按服务商许可协议云服务器费用:查看费用立即部署产品详情产品介绍Moodle https://moodle.org/ 是一个开源及自由的电子学习软件平台，亦称为课程管理系统、学习管理系…...
2024/5/8 19:12:02
ASP.NET MVC Razor
MVC项目中多个页面有相同的东西，框架中提供了几种解决方案： partialView,Layout,section 一、partialView分布页 1用户控件axcs——partial:重复的小模块<div><p>Html.RenderPartial 在指定位置添加一个view，返回void 需要放入大括号 </p>@{Html.RenderPa…...
2024/4/30 23:39:30

ASP.NET MVC传递Model到视图的多种方式总结（一）__通用方式的使用

相关文章

最新文章