MVC5 Entity Framework学习之更新相关数据

 

MVC5 Entity Framework学习之更新相关数据

 
 

在上篇文章中学习了如何在页面中显示相关数据，本节中将学习如何对相关数据进行更新。对于大多数实体关系，可以通过更新外键或导航属性来更新数据，对于多对多关系，Entity Framework不会直接公开连接表，所以你需要通过相应的导航属性来添加和移除实体。

先看完成后的效果图

 

 

为Courses自定义Create 和Edit 页面

当一个新的course实体被创建时，该实体必须关联到一个已存在的department。要做到这一点，生成的框架代码应该要包括控制器方法和用于选择department的下列列表的Create和Edit视图。下拉列表用来设置Course.DepartmentID外键属性，这是Entity Framework加载Department导航属性所必需的。

打开Coursecontroller.cs，删除Create和Edit方法，添加如下代码

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. public ActionResult Create()  
  2. {  
  3.    PopulateDepartmentsDropDownList();  
  4.    return View();  
  5. }  
  6.   
  7. [HttpPost]  
  8. [ValidateAntiForgeryToken]  
  9. public ActionResult Create([Bind(Include = "CourseID,Title,Credits,DepartmentID")]Course course)  
  10. {  
  11.    try  
  12.    {  
  13.       if (ModelState.IsValid)  
  14.       {  
  15.          db.Courses.Add(course);  
  16.          db.SaveChanges();  
  17.          return RedirectToAction("Index");  
  18.       }  
  19.    }  
  20.    catch (RetryLimitExceededException /* dex */)  
  21.    {  
  22.       //Log the error (uncomment dex variable name and add a line here to write a log.)  
  23.       ModelState.AddModelError("", "Unable to save changes. Try again, and if the problem persists, see your system administrator.");  
  24.    }  
  25.    PopulateDepartmentsDropDownList(course.DepartmentID);  
  26.    return View(course);  
  27. }  
  28.   
  29. public ActionResult Edit(int? id)  
  30. {  
  31.     if (id == null)  
  32.     {  
  33.         return new HttpStatusCodeResult(HttpStatusCode.BadRequest);  
  34.     }  
  35.    Course course = db.Courses.Find(id);  
  36.     if (course == null)  
  37.     {  
  38.         return HttpNotFound();  
  39.     }  
  40.    PopulateDepartmentsDropDownList(course.DepartmentID);  
  41.    return View(course);  
  42. }  
  43.   
  44. [HttpPost]  
  45. [ValidateAntiForgeryToken]  
  46. public ActionResult Edit([Bind(Include = "CourseID,Title,Credits,DepartmentID")]Course course)  
  47. {  
  48.    try  
  49.    {  
  50.       if (ModelState.IsValid)  
  51.       {  
  52.          db.Entry(course).State = EntityState.Modified;  
  53.          db.SaveChanges();  
  54.          return RedirectToAction("Index");  
  55.       }  
  56.    }  
  57.    catch (RetryLimitExceededException /* dex */)  
  58.    {  
  59.       //Log the error (uncomment dex variable name and add a line here to write a log.)  
  60.       ModelState.AddModelError("", "Unable to save changes. Try again, and if the problem persists, see your system administrator.");  
  61.    }  
  62.    PopulateDepartmentsDropDownList(course.DepartmentID);  
  63.    return View(course);  
  64. }  
  65.   
  66. private void PopulateDepartmentsDropDownList(object selectedDepartment = null)  
  67. {  
  68.    var departmentsQuery = from d in db.Departments  
  69.                           orderby d.Name  
  70.                           select d;  
  71.    ViewBag.DepartmentID = new SelectList(departmentsQuery, "DepartmentID", "Name", selectedDepartment);  
  72. }   

 

在该类开始部分添加如下命名空间

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. using System.Data.Entity.Infrastructure;  
PopulateDepartmentsDropDownList方法通过获取所有department并按照名称进行排序来为下拉列表创建一个SelectList 集合，并通过ViewBag属性将集合传递给视图。该方法接收一个可选的selectedDepartment参数，并通过代码来指定当下拉列表被呈现时被选中的列表项。视图会将DepartmentID传递给DropDownList帮助器，然后帮助器就会在ViewBag对象中查找名为DepartmentID的SelectList。

 

HttpGet Create方法调用PopulateDepartmentsDropDownList方法时并没有设置已选列表项，因为对于一个新的course来说，其所属的department还未被确定。

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. public ActionResult Create()  
  2. {  
  3.     PopulateDepartmentsDropDownList();  
  4.     return View();  
  5. }  
HttpGetEdit方法根据分配给course的department ID来设置已选列表项

 

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. public ActionResult Edit(int? id)  
  2. {  
  3.     if (id == null)  
  4.     {  
  5.         return new HttpStatusCodeResult(HttpStatusCode.BadRequest);  
  6.     }  
  7.     Course course = db.Courses.Find(id);  
  8.     if (course == null)  
  9.     {  
  10.         return HttpNotFound();  
  11.     }  
  12.     PopulateDepartmentsDropDownList(course.DepartmentID);  
  13.     return View(course);  
  14. }  
Create和Edit的HttpPost方法同样包含了当出现错误后重新显示页面时设置已选列表项的代码

 

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. catch (RetryLimitExceededException /* dex */)  
  2. {  
  3.    //Log the error (uncomment dex variable name and add a line here to write a log.)  
  4.    ModelState.AddModelError("", "Unable to save changes. Try again, and if the problem persists, see your system administrator.");  
  5. }  
  6. PopulateDepartmentsDropDownList(course.DepartmentID);  
  7. return View(course);  

 

上面的代码确保当页面为了显示错误信息而重新显示时被选中的department应该保持被选中状态。

框架根据department字段自动生成了带有下拉列表的Course视图，但你并不想使用DepartmentID 来作为标题，所以请使用下面的代码修改Views\Course\Create.cshtml

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. @model ContosoUniversity.Models.Course  
  2.   
  3. @{  
  4.     ViewBag.Title = "Create";  
  5. }  
  6.   
  7. <h2>Create</h2>  
  8.   
  9.   
  10. @using (Html.BeginForm())   
  11. {  
  12.     @Html.AntiForgeryToken()  
  13.       
  14.     <div class="form-horizontal">  
  15.         <h4>Course</h4>  
  16.         <hr />  
  17.         @Html.ValidationSummary(true)  
  18.   
  19.         <div class="form-group">  
  20.             @Html.LabelFor(model => model.CourseID, new { @class = "control-label col-md-2" })  
  21.             <div class="col-md-10">  
  22.                 @Html.EditorFor(model => model.CourseID)  
  23.                 @Html.ValidationMessageFor(model => model.CourseID)  
  24.             </div>  
  25.         </div>  
  26.   
  27.         <div class="form-group">  
  28.             @Html.LabelFor(model => model.Title, new { @class = "control-label col-md-2" })  
  29.             <div class="col-md-10">  
  30.                 @Html.EditorFor(model => model.Title)  
  31.                 @Html.ValidationMessageFor(model => model.Title)  
  32.             </div>  
  33.         </div>  
  34.   
  35.         <div class="form-group">  
  36.             @Html.LabelFor(model => model.Credits, new { @class = "control-label col-md-2" })  
  37.             <div class="col-md-10">  
  38.                 @Html.EditorFor(model => model.Credits)  
  39.                 @Html.ValidationMessageFor(model => model.Credits)  
  40.             </div>  
  41.         </div>  
  42.   
  43.         <div class="form-group">  
  44.             <label class="control-label col-md-2" for="DepartmentID">Department</label>  
  45.             <div class="col-md-10">  
  46.                 @Html.DropDownList("DepartmentID", String.Empty)  
  47.                 @Html.ValidationMessageFor(model => model.DepartmentID)  
  48.             </div>  
  49.         </div>  
  50.   
  51.         <div class="form-group">  
  52.             <div class="col-md-offset-2 col-md-10">  
  53.                 <input type="submit" value="Create" class="btn btn-default" />  
  54.             </div>  
  55.         </div>  
  56.     </div>  
  57. }  
  58.   
  59. <div>  
  60.     @Html.ActionLink("Back to List", "Index")  
  61. </div>  
  62.   
  63. @section Scripts {  
  64.     @Scripts.Render("~/bundles/jqueryval")  
  65. }  
同样在Views\Course\Edit.cshtml中进行同样的修改。

 

通常框架不会生成主键，因为主键值是由数据库生成的并且是不可更改的，而且显示给用户是无意义的。对于Course实体，框架为CourseID字段生成了一个文本框，因为DatabaseGeneratedOption.None属性意味着用户应当可以输入主键值，但是该字段只有在你希望将其显示在其他视图的时候才是有意义的，所以你需要手动添加它。

打开Views\Course\Edit.cshtml，在Title字段之前添加一个course number字段，因为它是主键但是只用于显示而不能被修改

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. <div class="form-group">  
  2.     @Html.LabelFor(model => model.CourseID, new { @class = "control-label col-md-2" })  
  3.     <div class="col-md-10">  
  4.         @Html.DisplayFor(model => model.CourseID)  
  5.     </div>  
  6. </div>  

 

Edit视图中已经有一个course number的隐藏字段(Html.HiddenFor帮助器)。对于隐藏字段来说添加一个Html.LabelFor帮助器是没必要的，因为它并不会在用户点击Save时将course number包含在要发送的数据中。

在Views\Course\Delete.cshtml and Views\Course\Details.cshtml中，将department的标题为"Department"，并在Title字段之前添加一个course number字段

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. <dt>  
  2.     Department  
  3. </dt>  
  4.   
  5. <dd>  
  6.     @Html.DisplayFor(model => model.Department.Name)  
  7. </dd>  
  8.   
  9. <dt>  
  10.     @Html.DisplayNameFor(model => model.CourseID)  
  11. </dt>  
  12.   
  13. <dd>  
  14.     @Html.DisplayFor(model => model.CourseID)  
  15. </dd>  
运行项目，在Course Index页面中点击Create New，输入数据

 

点击Create，可以看到在Course Index页面中显示了新添加的course，其中department名称来自于导航属性，这说明course和department之间的关系是正确的

进入Edit页面

修改数据并点击Save，可以在Course Index页面中看到更新过的数据

为Instructors添加Edit页面

当你编辑一条instructor记录时，你希望能够更新instructor的office分配情况。Instructor 实体和OfficeAssignment实体之间是一对零或一的关系，这意味着你必须必须处理以下情况：

 

  • 如果用户删除了一个已存在的office，你必须移除并删除这个OfficeAssignment实体
  • 如果用户新增了一个office，你必须新建一个OfficeAssignment实体
  • 如果用户修改了一个office，你必须修改已经存在的OfficeAssignment实体

 

打开InstructorController.cs，查看HttpGet  Edit方法

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. {  
  2.     if (id == null)  
  3.     {  
  4.         return new HttpStatusCodeResult(HttpStatusCode.BadRequest);  
  5.     }  
  6.     Instructor instructor = db.Instructors.Find(id);  
  7.     if (instructor == null)  
  8.     {  
  9.         return HttpNotFound();  
  10.     }  
  11.     ViewBag.ID = new SelectList(db.OfficeAssignments, "InstructorID", "Location", instructor.ID);  
  12.     return View(instructor);  
  13. }  
框架生成的代码并不是你想要的，它设置了一个下拉列表框，但是你希望的是一个文本框，那么请使用下面的代码替换

 

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. public ActionResult Edit(int? id)  
  2. {  
  3.     if (id == null)  
  4.     {  
  5.         return new HttpStatusCodeResult(HttpStatusCode.BadRequest);  
  6.     }  
  7.     Instructor instructor = db.Instructors  
  8.         .Include(i => i.OfficeAssignment)  
  9.         .Where(i => i.ID == id)  
  10.         .Single();  
  11.     if (instructor == null)  
  12.     {  
  13.         return HttpNotFound();  
  14.     }  
  15.     return View(instructor);  
  16. }  

 

上面的代码删除了ViewBag语句并为相关联的OfficeAssignment实体指定为预先加载。但你不能在Find方法上使用预先加载，所以这里使用了Where和Single方法来选择instructor。

使用下面的代码替换HttpPost Edit方法，该方法用来更新office分配情况

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. [HttpPost, ActionName("Edit")]  
  2. [ValidateAntiForgeryToken]  
  3. public ActionResult EditPost(int? id)  
  4. {  
  5.     if (id == null)  
  6.     {  
  7.         return new HttpStatusCodeResult(HttpStatusCode.BadRequest);  
  8.     }  
  9.     var instructorToUpdate = db.Instructors  
  10.        .Include(i => i.OfficeAssignment)  
  11.        .Where(i => i.ID == id)  
  12.        .Single();  
  13.   
  14.     if (TryUpdateModel(instructorToUpdate, "",  
  15.        new string[] { "LastName", "FirstMidName", "HireDate", "OfficeAssignment" }))  
  16.     {  
  17.        try  
  18.        {  
  19.           if (String.IsNullOrWhiteSpace(instructorToUpdate.OfficeAssignment.Location))  
  20.           {  
  21.              instructorToUpdate.OfficeAssignment = null;  
  22.           }  
  23.   
  24.           db.Entry(instructorToUpdate).State = EntityState.Modified;  
  25.           db.SaveChanges();  
  26.   
  27.           return RedirectToAction("Index");  
  28.        }  
  29.        catch (RetryLimitExceededException /* dex */)  
  30.       {  
  31.          //Log the error (uncomment dex variable name and add a line here to write a log.  
  32.          ModelState.AddModelError("", "Unable to save changes. Try again, and if the problem persists, see your system administrator.");  
  33.       }  
  34.    }  
  35.    return View(instructorToUpdate);  
  36. }  
需要为RetryLimitExceededException添加命名空间，在RetryLimitExceededException上点击右键，选择Resolve - using System.Data.Entity.Infrastructure

 

上面的代码执行了以下操作：

 

  • 修改方法名为EditPost，因为方法名和HttpGet方法是一样的（ActionName属性指定依旧使用/Edit/ URL方式）
  • 使用延迟加载通过OfficeAssignment导航属性从数据库中得到当前Instructor 实体，就像在HttpGet Edit方法中所做的那样
  • 使用模型绑定器中的数据更新检索到的Instructor实体，通过使用TryUpdateModel重载方法，可以让你指定那些你希望传递的属性的白名单，这样可以防止过分提交（over-posting），就像在之前解释的那样（实现基本的CRUD功能）

     

    [csharp] view plaincopy在CODE上查看代码片派生到我的代码片
     
    1. if (TryUpdateModel(instructorToUpdate, "",  
    2. new string[] { "LastName", "FirstMidName", "HireDate", "OfficeAssignment" }))  

     

  • 如果office地点为空，那么将Instructor.OfficeAssignment属性设置为null，以便OfficeAssignment表中相关的行都将被删除。

     

    [csharp] view plaincopy在CODE上查看代码片派生到我的代码片
     
    1. if (String.IsNullOrWhiteSpace(instructorToUpdate.OfficeAssignment.Location))  
    2. {  
    3.     instructorToUpdate.OfficeAssignment = null;  
    4. }  

     

  • 保存更改至数据库

打开Views\Instructor\Edit.cshtml，在 Hire Date字段的div元素后面添加一个用于编辑office地点的字段

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. <div class="form-group">  
  2.     @Html.LabelFor(model => model.OfficeAssignment.Location, new { @class = "control-label col-md-2" })  
  3.     <div class="col-md-10">  
  4.         @Html.EditorFor(model => model.OfficeAssignment.Location)  
  5.         @Html.ValidationMessageFor(model => model.OfficeAssignment.Location)  
  6.     </div>  
  7. </div>  

 

运行项目，点击Instructors选项卡，点击Edit链接，修改Office Location，最后点击Save

为Instructor Edit页面添加Course 分配功能

一个Instructor可以教授任意数量的course，接下来你将通过使用一组复选框来为Instructor Edit页面添加course分配功能

Course和Instructor实体之间是多对多的关系，这意味着你不需要直接访问连接表中的外键属性。相反，你可以通过Istructor.Courses导航属性来添加和移除实体。

在页面中你可以使用一组复选框来选择将哪些course分配给instructor，对于数据库中的每一门course都使用一个复选框来显示，并设置已分配给instructor的course为选中状态。用户可以通过选择或清除复选框来更改课程分配情况，如果course数量太多，你可能希望通过调用不同的方法来呈现数据，但是你应该使用操作导航属性的方法来创建或删除关系。

为了给视图中的复选框提供数据，你需要使用数据模型类。在在ViewModels文件夹中创建AssignedCourseData.cs类，并使用下面的代码替换

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. namespace ContosoUniversity.ViewModels  
  2. {  
  3.     public class AssignedCourseData  
  4.     {  
  5.         public int CourseID { get; set; }  
  6.         public string Title { get; set; }  
  7.         public bool Assigned { get; set; }  
  8.     }  
  9. }  
打开 InstructorController.cs，修改 HttpGet Edit方法

 

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. public ActionResult Edit(int? id)  
  2. {  
  3.     if (id == null)  
  4.     {  
  5.         return new HttpStatusCodeResult(HttpStatusCode.BadRequest);  
  6.     }  
  7.     Instructor instructor = db.Instructors  
  8.         .Include(i => i.OfficeAssignment)  
  9.         .Include(i => i.Courses)  
  10.         .Where(i => i.ID == id)  
  11.         .Single();  
  12.     PopulateAssignedCourseData(instructor);  
  13.     if (instructor == null)  
  14.     {  
  15.         return HttpNotFound();  
  16.     }  
  17.     return View(instructor);  
  18. }  
  19.   
  20. private void PopulateAssignedCourseData(Instructor instructor)  
  21. {  
  22.     var allCourses = db.Courses;  
  23.     var instructorCourses = new HashSet<int>(instructor.Courses.Select(c => c.CourseID));  
  24.     var viewModel = new List<AssignedCourseData>();  
  25.     foreach (var course in allCourses)  
  26.     {  
  27.         viewModel.Add(new AssignedCourseData  
  28.         {  
  29.             CourseID = course.CourseID,  
  30.             Title = course.Title,  
  31.             Assigned = instructorCourses.Contains(course.CourseID)  
  32.         });  
  33.     }  
  34.     ViewBag.Courses = viewModel;  
  35. }  
上面的代码将Courses导航属性指定为预先加载，并调用PopulateAssignedCourseData方法使用AssignedCourseData视图模型类来为复选框提供数据。

 

PopulateAssignedCourse方法通过读取所有Course实体并使用模型视图类来加载course列表。对于每一门course，该方法会检查在instructor的Courses导航属性中是否存在该course。为了更高效的检查一门course是否被分配给一个instructor，我们将分配给instructor的course放入了一个HashSet集合，并将已分配的course的Assigned属性设置为True，视图会使用该属性来确定哪些复选框应该被显示为选中状态。最后通过ViewBag 属性将列表数据传递给视图。

接下来添加用户单击Save时应当执行的代码，修改EditPost 方法，并添加一个用于更新Instructor实体的Courses导航属性的方法

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. [HttpPost]  
  2. [ValidateAntiForgeryToken]  
  3. public ActionResult Edit(int? id, string[] selectedCourses)  
  4. {  
  5.     if (id == null)  
  6.     {  
  7.         return new HttpStatusCodeResult(HttpStatusCode.BadRequest);  
  8.     }  
  9.     var instructorToUpdate = db.Instructors  
  10.        .Include(i => i.OfficeAssignment)  
  11.        .Include(i => i.Courses)  
  12.        .Where(i => i.ID == id)  
  13.        .Single();  
  14.   
  15.     if (TryUpdateModel(instructorToUpdate, "",  
  16.        new string[] { "LastName", "FirstMidName", "HireDate", "OfficeAssignment" }))  
  17.     {  
  18.         try  
  19.         {  
  20.             if (String.IsNullOrWhiteSpace(instructorToUpdate.OfficeAssignment.Location))  
  21.             {  
  22.                 instructorToUpdate.OfficeAssignment = null;  
  23.             }  
  24.   
  25.             UpdateInstructorCourses(selectedCourses, instructorToUpdate);  
  26.   
  27.             db.Entry(instructorToUpdate).State = EntityState.Modified;  
  28.             db.SaveChanges();  
  29.   
  30.             return RedirectToAction("Index");  
  31.         }  
  32.         catch (RetryLimitExceededException /* dex */)  
  33.         {  
  34.             //Log the error (uncomment dex variable name and add a line here to write a log.  
  35.             ModelState.AddModelError("", "Unable to save changes. Try again, and if the problem persists, see your system administrator.");  
  36.         }  
  37.     }  
  38.     PopulateAssignedCourseData(instructorToUpdate);  
  39.     return View(instructorToUpdate);  
  40. }  
  41. private void UpdateInstructorCourses(string[] selectedCourses, Instructor instructorToUpdate)  
  42. {  
  43.    if (selectedCourses == null)  
  44.    {  
  45.       instructorToUpdate.Courses = new List<Course>();  
  46.       return;  
  47.    }  
  48.    
  49.    var selectedCoursesHS = new HashSet<string>(selectedCourses);  
  50.    var instructorCourses = new HashSet<int>  
  51.        (instructorToUpdate.Courses.Select(c => c.CourseID));  
  52.    foreach (var course in db.Courses)  
  53.    {  
  54.       if (selectedCoursesHS.Contains(course.CourseID.ToString()))  
  55.       {  
  56.          if (!instructorCourses.Contains(course.CourseID))  
  57.          {  
  58.             instructorToUpdate.Courses.Add(course);  
  59.          }  
  60.       }  
  61.       else  
  62.       {  
  63.          if (instructorCourses.Contains(course.CourseID))  
  64.          {  
  65.             instructorToUpdate.Courses.Remove(course);  
  66.          }  
  67.       }  
  68.    }  
  69. }  

 

这里将方法名由EditPost修改为Edit。

由于视图中并没有Course实体集合，所以模型绑定器不能自动更新Courses导航属性，这里使用了UpdateInstructorCourses方法而不是使用模型绑定器来更新Course导航属性。因此，你需要将Course属性从模型绑定器中移除，要做到这一点，你只需要调用 TryUpdateModel方法而不用修改任何代码，因为你正在使用白名单而Courses属性并不在被包含的列表中。

如果没有复选框被选中，UpdateInstructorCourses方法会使用一个空集合来初始化Courses导航属性。

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. if (selectedCourses == null)  
  2. {  
  3.     instructorToUpdate.Courses = new List<Course>();  
  4.     return;  
  5. }  
该代码会循环所有course并检查每一个course是否被分配给instructor以便在视图中设置它们为选中状态，为了进行高效查找，这两个集合都被存储在HashSet对象中。

 

如果某个course的复选框被选中但该course并不在Instructor.Courses导航属性中，那么该course会被添加至导航属性集合中。

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. if (selectedCoursesHS.Contains(course.CourseID.ToString()))  
  2. {  
  3.     if (!instructorCourses.Contains(course.CourseID))  
  4.     {  
  5.         instructorToUpdate.Courses.Add(course);  
  6.     }  
  7. }  
如果某个course的复选框没有被选中但该course却在Instructor.Courses导航属性中，那么该course会从导航属性中移除。

 

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. else  
  2. {  
  3.     if (instructorCourses.Contains(course.CourseID))  
  4.     {  
  5.         instructorToUpdate.Courses.Remove(course);  
  6.     }  
  7. }  
打开Views\Instructor\Edit.cshtml，在OfficeAssignment 字段所在的div元素之后，Save按钮所在的div元素之前，添加一组Courses 字段的复选框

 

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. <div class="form-group">  
  2.     <div class="col-md-offset-2 col-md-10">  
  3.         <table>  
  4.             <tr>  
  5.                 @{  
  6.                     int cnt = 0;  
  7.                     List<ContosoUniversity.ViewModels.AssignedCourseData> courses = ViewBag.Courses;  
  8.   
  9.                     foreach (var course in courses)  
  10.                     {  
  11.                         if (cnt++ % 3 == 0)  
  12.                         {  
  13.                             @:</tr><tr>  
  14.                         }  
  15.                         @:<td>  
  16.                             <input type="checkbox"  
  17.                                name="selectedCourses"  
  18.                                value="@course.CourseID"  
  19.                                @(Html.Raw(course.Assigned ? "checked=\"checked\"" : "")) />  
  20.                                @course.CourseID @:  @course.Title  
  21.                         @:</td>  
  22.                     }  
  23.                     @:</tr>  
  24.                 }  
  25.         </table>  
  26.     </div>  
  27. </div>  

 

如果你在粘贴代码后发现换行与缩进不像上面中的那样，你可以使用快捷键Ctrl-K-D来修复它们，同时你要保证@:</tr><tr>、@:<td>、@:</td>和@:</tr>要在单独的一行上，否则会出现运行时错误。

上面的代码创建了一个包含三列的HTML表格，每一列都有一个具有编号和标题的复选框，所有的复选框都使用同一个"selectedCourses"名称，这样可以让模型绑定器将它们作为一个组来进行处理。每个复选框的Value属性被设置为CourseID值，当页面被提交时，模型绑定器将包含有被选中的复选框的CourseID值的数组传递给控制器。

当复选框开始被呈现时，已分配给instructor的course会拥有一个checked属性，这些course会被设置为选中状态。

当修改了course分配情况后，你希望能够验证这些修改，因此你需要向页面中表格添加一个Courses列。在本例中，你不需要使用ViewBag对象，因为所需要的数据已经包含在作为模型传递给视图的Instructor实体的Courses导航属性中了。

打开Views\Instructor\Index.cshtml，在Office 标题后添加一个Courses标题

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. <tr>   
  2.     <th>Last Name</th>   
  3.     <th>First Name</th>   
  4.     <th>Hire Date</th>   
  5.     <th>Office</th>  
  6.     <th>Courses</th>  
  7.     <th></th>   
  8. </tr>   

 

然后添加新的单元格

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. <td>  
  2.     @if (item.OfficeAssignment != null)  
  3.     {  
  4.         @item.OfficeAssignment.Location  
  5.     }  
  6. </td>  
  7. <td>  
  8.     @{  
  9.         foreach (var course in item.Courses)  
  10.         {  
  11.             @course.CourseID @:  @course.Title <br />  
  12.         }  
  13.     }  
  14. </td>  
  15. <td>  
  16.     @Html.ActionLink("Select", "Index", new { id = item.ID }) |  
  17.     @Html.ActionLink("Edit", "Edit", new { id = item.ID }) |  
  18.     @Html.ActionLink("Details", "Details", new { id = item.ID }) |  
  19.     @Html.ActionLink("Delete", "Delete", new { id = item.ID })  
  20. </td>  
运行项目，打开Instructor Index页面

 


点击Edit链接，进入Edit页面

修改Course分配情况，点击Save，查看数据是否正确。

注意：对于有限的Course数量，我们使用上面的方法是没有任何问题的，但是对于具有大量Course的情况下，我们需要使用特定的UI和更新方式。

修改DeleteConfirmed方法

打开InstructorController.cs，修改DeleteConfirmed方法

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. [HttpPost, ActionName("Delete")]  
  2. [ValidateAntiForgeryToken]  
  3. public ActionResult DeleteConfirmed(int id)  
  4. {  
  5.    Instructor instructor = db.Instructors  
  6.      .Include(i => i.OfficeAssignment)  
  7.      .Where(i => i.ID == id)  
  8.      .Single();  
  9.   
  10.    instructor.OfficeAssignment = null;  
  11.    db.Instructors.Remove(instructor);  
  12.   
  13.     var department = db.Departments  
  14.         .Where(d => d.InstructorID == id)  
  15.         .SingleOrDefault();  
  16.     if (department != null)  
  17.     {  
  18.         department.InstructorID = null;  
  19.     }  
  20.   
  21.    db.SaveChanges();  
  22.    return RedirectToAction("Index");  
  23. }  
上面的代码进行了两处更改：

 

 

  • 当instructor被删除时，删除office 分配记录（如果有）
  • 如果instructor被作为department的administrator，从该department中删除此instructor，如果不做如上修改，在当你删除一个已经作为department的administrator的instructor时，会出现参照完整性错误。

 

 

为Create 页面添加office地点和course

 

打开InstructorController.cs，修改HttpGet和HttpPost的Create方法

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. public ActionResult Create()  
  2. {  
  3.     var instructor = new Instructor();  
  4.     instructor.Courses = new List<Course>();  
  5.     PopulateAssignedCourseData(instructor);  
  6.     return View();  
  7. }  
  8.   
  9. [HttpPost]  
  10. [ValidateAntiForgeryToken]  
  11. public ActionResult Create([Bind(Include = "LastName,FirstMidName,HireDate,OfficeAssignment" )]Instructor instructor, string[] selectedCourses)  
  12. {  
  13.     if (selectedCourses != null)  
  14.     {  
  15.         instructor.Courses = new List<Course>();  
  16.         foreach (var course in selectedCourses)  
  17.         {  
  18.             var courseToAdd = db.Courses.Find(int.Parse(course));  
  19.             instructor.Courses.Add(courseToAdd);  
  20.         }  
  21.     }  
  22.     if (ModelState.IsValid)  
  23.     {  
  24.         db.Instructors.Add(instructor);  
  25.         db.SaveChanges();  
  26.         return RedirectToAction("Index");  
  27.     }  
  28.     PopulateAssignedCourseData(instructor);  
  29.     return View(instructor);  
  30. }  

 

上面的代码和Edit方法中的类似，除了没有course被选择。HttpGet的Create方法调用PopulateAssignedCourseData方法并不是因为这里有course被选中，而是为视图中的foreach循环提供一个空集合（否则页面会抛出一个空引用异常）。

HttpPost Create方法在模板代码检查验证错误并将新的instructor 添加到数据库之前将每一个被选中的course添加至Courses导航属性中。当出现模型错误时，course仍会被添加，所以当出现模型错误时（如用户输入无效日期），页面应该显示一条错误信息，并自动恢复对course所做的任何更改。

注意，为了能够将course添加到Courses导航属性中，你必须将该导航属性初始化为一个空集合。

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. instructor.Courses = new List<Course>();  
作为另一种替代方法，你可以在Course模型中通过修改属性的getter访问器来自动的创建该集合。

 

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. private ICollection<Course> _courses;  
  2. public virtual ICollection<Course> Courses   
  3. {   
  4.     get  
  5.     {  
  6.         return _courses ?? (_courses = new List<Course>());  
  7.     }  
  8.     set  
  9.     {  
  10.         _courses = value;  
  11.     }   
  12. }  
如果你通过这种方法修改了Courses属性，你需要在控制器中删除初始化属性的那些代码。

 

打开Views\Instructor\Create.cshtml，在hire date自段之后，Submit按钮之前添加一个office地点文本框和course复选框

 

[csharp] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. <div class="form-group">  
  2.     @Html.LabelFor(model => model.OfficeAssignment.Location, new { @class = "control-label col-md-2" })  
  3.     <div class="col-md-10">  
  4.         @Html.EditorFor(model => model.OfficeAssignment.Location)  
  5.         @Html.ValidationMessageFor(model => model.OfficeAssignment.Location)  
  6.     </div>  
  7. </div>  
  8.   
  9. <div class="form-group">  
  10.     <div class="col-md-offset-2 col-md-10">  
  11.         <table>  
  12.             <tr>  
  13.                 @{  
  14.                     int cnt = 0;  
  15.                     List<ContosoUniversity.ViewModels.AssignedCourseData> courses = ViewBag.Courses;  
  16.   
  17.                     foreach (var course in courses)  
  18.                     {  
  19.                         if (cnt++ % 3 == 0)  
  20.                         {  
  21.                             @:</tr><tr>  
  22.                         }  
  23.                         @:<td>  
  24.                             <input type="checkbox"  
  25.                                name="selectedCourses"  
  26.                                value="@course.CourseID"  
  27.                                @(Html.Raw(course.Assigned ? "checked=\"checked\"" : "")) />  
  28.                                @course.CourseID @:  @course.Title  
  29.                         @:</td>  
  30.                     }  
  31.                     @:</tr>  
  32.                 }  
  33.         </table>  
  34.     </div>  
  35. </div>  
请确保@:</tr><tr>、@:<td>、@:</td>和@:</tr>应该在单独的一行中

 

运行项目，进入Create页面，添加一个instructor

posted @ 2015-09-01 16:30  zhenximeiyitian  阅读(173)  评论(0)  编辑  收藏  举报