MVC几种传值方式

一，Model

       public class Course

        {

            public int Id { get; set; }

            public string Name { get; set; }

        }

        public class Teacher

        {

            public int Id { get; set; }

            public string Name { get; set; }

            public List<Course> Courses { get; set; }

        }

        public class Student

        {

            public int Id { get; set; }

            public string Name { get; set; }

            public List<Course> Courses { get; set; }

        }

二，使用ViewData传递多个Model

HomeController

        public ActionResult Index()

        {

            ViewData["Courses"] = _repository.GetCourses();

            ViewData["Students"] = _repository.GetStudents();

            ViewData["Teachers"] = _repository.GetTeachers();

            return View();

        } 

Home/Index.cshtml

@using MvcApplication1.Models

@using System.Web.Helpers;

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>ViewDataDemo</title>

    <script src="~/Scripts/jquery-1.8.2.js"></script>

    <script type="text/javascript">

        $(function () {

            //隐藏

            $('#students').hide();

            $('#teachers').hide();

            //点击课程下拉框

            $('#sel').change(function() {

                selectedCourseName = $('#sel').val().trim();

                if (selectedCourseName == "--选择课程--") {

                    $('#students').hide();

                    $('#teachers').hide();

                } else {

                    getTeacherTable();

                    getStudentTable();

                    $('#students').show();

                    $('#teachers').show();

                }

            });

        });

        var selectedCourseName;

        //创建老师课程表

        function getTeacherTable() {

            $('#teachersTable').empty();

            $('#teachersTable').append("<table id='tblTeachers'><tr><th>编号</th><th>姓名</th></tr></table>");

            //把所有老师转换成json格式

            var teachers = @Html.Raw(Json.Encode(ViewData["Teachers"]));

            for (var i = 0; i < teachers.length; i++) {

                var courses = teachers[i].Courses;

                for (var j = 0; j < courses.length; j++) {

                    if (courses[j].Name == selectedCourseName) {

                        $('#tblTeachers').append("<tr><td>"+courses[i].Id+"</td><td>"+courses[i].Name+"</td></tr>");

                    }

                }

            }

        }

        //创建学生上课表

        function getStudentTable() {

            $('#studentsTable').empty();

            $('#studentsTable').append("<table id='tblStudents'><tr><th>编号</th><th>姓名</th></tr></table>");

            var students = @Html.Raw(Json.Encode(ViewData["Students"]));

            for (var i = 0; i < students.length; i++) {

                var courses = students[i].Courses;

                for (var j = 0; j < courses.length; j++) {

                    if (courses[j].Name == selectedCourseName) {

                        $('#tblStudents').append("<tr><td>"+courses[j].Id+"</td><td>"+courses[j].Name+"</td></tr>");

                    }

                }

            }

        }

    </script>

</head>

<body>

    <div>

        <table>

            <tr>

                <td><h3>选择课程</h3></td>

                <td>

                    <select id="sel">

                        <option>--选择课程--</option>

                        @foreach (var course in ViewData["Courses"] as List<Course>)

                        {

                            <option>@course.Name</option>

                        }

                    </select>

                </td>

            </tr>

        </table>

    </div>

    <div id="teachers">

        <h4>老师课程表</h4>

        <div id="teachersTable"></div>

    </div>

    <div id="students">

        <h4>学生上课表</h4>

        <div id="studentsTable"></div>

    </div>

</body>

</html>

三，使用ViewBag传递多个Model

 HomeController

        public ActionResult ViewBagDemo()

        {

            ViewBag.Courses = _repository.GetCourses();

            ViewBag.Students = _repository.GetStudents();

            ViewBag.Teachers = _repository.GetTeachers();

            return View();

        } 

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));

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

四，使用部分视图传递多个Model

HomeController

        public ActionResult PartialViewDemo()

        {

            List<Course> courses = _repository.GetCourses();

            return View(courses);

        }

        public ActionResult StudentsToPVDemo(string courseName)

        {

            IEnumerable<Course> courses = _repository.GetCourses();

            var selectedCourseId = (from c in courses

                                    where c.Name == courseName

                                    select c.Id).FirstOrDefault();

            IEnumerable<Student> students = _repository.GetStudents();

            var studentsInCourse = students.Where(s => s.Courses.Any(c => c.Id == selectedCourseId)).ToList();

            return PartialView("StudentPV", studentsInCourse);

        }

        public ActionResult TeachersToPVDemo(string courseName)

        {

            IEnumerable<Course> courses = _repository.GetCourses();

            var selectedCourseId = (from c in courses

                                    where c.Name == courseName

                                    select c.Id).FirstOrDefault();

            IEnumerable<Teacher> teachers = _repository.GetTeachers();

            var teachersForCourse = teachers.Where(t => t.Courses.Any(c => c.Id == selectedCourseId)).ToList();

            return PartialView("TeacherPV", teachersForCourse);

        } 

Home/PartialViewDemo.cshmtl

@model IEnumerable<MvcApplication1.Models.Course>

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>PatialViewDemo</title>

    <script src="~/Scripts/jquery-1.8.2.js"></script>

    <script type="text/javascript">

        $(function () {

            //隐藏

            $('#students').hide();

            $('#teachers').hide();

            //点击课程下拉框

            $('#sel').change(function() {

                selectedCourseName = $('#sel').val().trim();

                if (selectedCourseName == "--选择课程--") {

                    $('#students').hide();

                    $('#teachers').hide();

                } else {

                    getTeacherTable();

                    getStudentTable();

                    $('#students').show();

                    $('#teachers').show();

                }

            });

        });

        var selectedCourseName;

        //创建老师课程表

        function getTeacherTable() {

            $.ajax({

                url: "@Url.Action("TeachersToPVDemo","Home")",

                type: 'Get',

                data: { courseName: selectedCourseName },

                success: function(data) {

                    $('#teachersTable').empty().append(data);

                },

                error: function() {

                    alert("sth wrong");

                }

            });

        }

        //创建学生上课表

        function getStudentTable() {

            $.ajax({

                url: "@Url.Action("StudentsToPVDemo","Home")",

                type: 'Get',

                data: { courseName: selectedCourseName },

                success: function (data) {

                    $('#studentsTable').empty().append(data);

                },

                error: function () {

                    alert("sth wrong");

                }

            });

        }

    </script>

</head>

<body>

    <div>

        <table>

            <tr>

                <td><h3>选择课程</h3></td>

                <td>

                    <select id="sel">

                        <option>--选择课程--</option>

                        @foreach (var course in Model)

                        {

                            <option>@course.Name</option>

                        }

                    </select>

                </td>

            </tr>

        </table>

    </div>

    <div id="teachers">

        <h4>老师课程表</h4>

        <div id="teachersTable"></div>

    </div>

    <div id="students">

        <h4>学生上课表</h4>

        <div id="studentsTable"></div>

    </div>

</body>

</html>

TeacherPV.cshtml与StudentPV.cshtml

@model IEnumerable<MvcApplication1.Models.Teacher>

<table id="tblTeacherDetail">

    <tr>

        <th>编号</th>

        <th>名称</th>

    </tr>

    @foreach (var item in Model)

        <tr>

            <td>@item.Id</td>

            <td>@item.Name</td>

        </tr>

</table>

五，使用TempData传递多个Model

HomeController

        public ActionResult TempDataDemo()

        {

            //第一次从数据库读取数据放到TempData中，以后的请求从TempData中获取数据

            TempData["Courses"] = _repository.GetCourses();

            //让TempData保存数据，直到下一次请求

            TempData.Keep("Courses");

            return View();

        }

        public ActionResult TeachersTempData(string courseName)

        {

            var courses = TempData["Courses"] as IEnumerable<Course>;

            //由于TempData["Courses"]还要被下一次请求，继续TempData保存数据

            TempData.Keep("Courses");

            var selectedCourseId = (from c in courses

                where c.Name == courseName

                select c.Id).FirstOrDefault();

            IEnumerable<Teacher> teachers = _repository.GetTeachers();

            var teachersForCourse = teachers.Where(t => t.Courses.Any(c => c.Id == selectedCourseId)).ToList();

            return PartialView("TeacherPV", teachersForCourse);

        }

        public ActionResult StudentsTempData(string courseName)

        {

            var courses = TempData["Courses"] as IEnumerable<Course>;

            //由于TempData["Courses"]还要被下一次请求，继续TempData保存数据

            TempData.Keep("Courses");

            var selectedCourseId = (from c in courses

                                    where c.Name == courseName

                                    select c.Id).FirstOrDefault();

            IEnumerable<Student> students = _repository.GetStudents();

            var studentsForCourse = students.Where(s => s.Courses.Any(c => c.Id == selectedCourseId)).ToList();

            return PartialView("StudentPV", studentsForCourse);

        }

Home/TempDataDemo.cshtml

下拉框遍历课程：

@foreach (var course in Model)

ajax请求老师课程表：

@Url.Action("TeachersTempData","Home")

ajax请求学生上课表：

@Url.Action("StudentsTempData","Home")

六，使用ViewModel传递多个Model

View Model

    public class SchoolVm

    {

        public List<Course> Courses { get; set; }

        public List<Student> Students { get; set; }

        public List<Teacher> Teachers { get; set; }

    }

□ HomeController

        public ActionResult ViewModelDemoVM()

        {

            SchoolVm vm = new SchoolVm();

            vm.Courses = _repository.GetCourses();

            vm.Teachers = _repository.GetTeachers();

            vm.Students = _repository.GetStudents();

            return View(vm);

        }

□ 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))

MVC几种传值方式的更多相关文章

MVC 向页面传值方式总结（2）
MVC 向页面传值方式总结总结发现ASP.NET MVC中Controller向View传值的方式共有6种,分别是: ViewBag ViewData TempData 向普通View页面传一个Mo ...
MVC 向页面传值方式总结（1）
ViewData传值. HomeController.cs Co de: public ActionResult Index() { ViewData["Title" ...
MVC中页面传值方式总结
MVC中的页面传值,通常指Controller和view之间的数据传递,经常用到的有几种方式,总结如下: 一.Controller----------->View(控制器传到视图) 1.View ...
iOS 页面间几种传值方式（属性，代理，block，单例，通知）
第二个视图控制器如何获取第一个视图控制器的部分信息例如 :第二个界面中的lable显示第一个界面textField中的文本这就需要用到属性传值.block传值那么第一个视图控制器如何获的第二个视 ...
django之创建第7-6-第三种传值方式
1.创建bar.html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...
django之创建第7-5-第二种传值方式(time/1232/xiaodneg)
1.修改views文件 def foo(request,myID,myName): t = loader.get_template("foo.html") user = {&quo ...
Vue 常用三种传值方式
Vue常用的三种传值方式: 父传子子传父非父子传值引用官网一句话:父子组件的关系可以总结为 prop 向下传递,事件向上传递.父组件通过 prop 给子组件下发数据,子组件通过事件给父组件发送消 ...
Vue中常用的几种传值方式
Vue中常用的几种传值方式 1. 父传子父传子的实现方式就是通过props属性,子组件通过props属性接收从父组件传过来的值,而父组件传值的时候使用 v-bind 将子组件中预留的变量名绑定为da ...
简述UIViewControl之间的七种传值方式～～～
将自己学习到的UIViewControl之间传值的几种方式在这里做一下总结,希望童鞋们多多支持哈--- 一.正向传值方式这种方式传值应该是最简单的方式,我们先来建立两个视图控制器暂且称为OneVie ...

随机推荐

python_基础学习_02_拆分文件（spilt）
做爬虫经常会有这样的引用场景 ,原始网页存储格式为 url+\t+ html php 有个explode的拆分文本行方法,比较方便直接接收列值 list($url,$html)=explode(& ...
前端学习笔记(zepto或jquery)——对li标签的相关操作（三）
对li标签的相关操作——八种方式遍历li标签并获取其值 $("ul>li").forEach(function(item,index){ alert(index+" ...
解决Crystal Report XI R2不能在64操作系统正常工作的问题-web程序
原文:[原创]解决Crystal Report XI R2不能在64操作系统正常工作的问题-web程序我更换了新的电脑,操作系统也从原来32位的windows 2003 R2升级到windows 2 ...
bootstrap标准模板
<!DOCTYPE html> <html lang="en"> <head> <meta cha ...
ZOJ 2724 Windows 消息队列（优先队列）
链接:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=2724 Message queue is the basic fund ...
使用flex和bison实现的sql引擎解析
因为老师要求,近期在做oceanbase存储过程的实现,在oceanbase 0.4曾经是不支持存储过程的.实现的主要步骤主要包含 1.语法解析 2.词法解析 3.详细运行语法树的步骤如今先来说说语 ...
AForge.NET 工具源码下载
AForge.NET是一个专门为开发者和研究者基于C#框架设计的,这个框架提供了不同的类库和关于类库的资源,还有很多应用程序例子,包括计算机视觉与人工智能,图像处理,神经网络,遗传算法,机器学习,机器 ...
Impala源代码分析---1
2.Impala源代码分析參考链接:http://www.sizeofvoid.net/wp-content/uploads/ImpalaIntroduction2.pdf 本章開始进入源代码分析阶 ...
【麦子学院】OpenCV教程函数总结
个自带样例. parter 1: No1. adaptiveskindetector.cpp 利用HSV空间的色调信息的皮肤检測,背景不能有太多与肤色相似的颜色.效果不是特别好. No2. bagof ...
SQL点滴26—常见T-SQL面试解析
原文:SQL点滴26-常见T-SQL面试解析它山之石可以攻玉,这一篇是读别人的博客后写下的,不是原原本本的转载,加入了自己的分析过程和演练.sql语句可以解决很多的复杂业务,避免过多的项目代码,下面 ...

MVC几种传值方式

MVC几种传值方式的更多相关文章

随机推荐

热门专题