Introduction

This assignment is an extension to my previous assignment:
At the end of this assignment, you will understand the following things in MVC and jQuery.
Requirement for these assignments.
Additions to previous assignment add HttpPost action in the controller and create additional razor view as “CreateStudent.cshtml" as below:
CreateStudent code
Updated Controller Code
  1. using DropdownGrid.Models;
  2. using System.Collections.Generic;
  3. using System.Web.Mvc;
  5. namespace DropdownGrid.Controllers
  6. {
  7. public class GetStudentsController : Controller
  8. {
  9. public ActionResult Index()
  10. {
  11. StudentDetailsModel _objuserloginmodel = new StudentDetailsModel();
  12. List<StudentDetailViewModel> _objStudent = new List<StudentDetailViewModel>();
  13. _objStudent = _objuserloginmodel.GetStudentList();
  14. _objuserloginmodel.Studentmodel = _objStudent;
  15. return View(_objuserloginmodel);
  16. }
  18. [HttpGet]
  19. public ActionResult SelectStudent(int? selectedStudent)
  20. {
  21. StudentDetailsModel _objuserloginmodel = new StudentDetailsModel();
  22. List<StudentDetailViewModel> _objStudent = new List<StudentDetailViewModel>();
  23. _objStudent = _objuserloginmodel.GetStudentList(selectedStudent);
  24. _objuserloginmodel.Studentmodel = _objStudent;
  25. return PartialView("_PartialStudent", _objuserloginmodel);
  26. }
  28. public ActionResult CreateStudent()
  29. {
  30. StudentDetailViewModel _objuserloginmodel = new StudentDetailViewModel();
  31. return View("CreateStudent", _objuserloginmodel);
  32. }
  34. [HttpPost]
  35. public ActionResult CreateStudent(StudentDetailViewModel objuserloginmodel)
  36. {
  37. StudentDetailsModel _objuserloginmodel = new StudentDetailsModel();
  38. List<StudentDetailViewModel> _objStudent = new List<StudentDetailViewModel>();
  39. _objStudent = _objuserloginmodel.GetStudentList();
  40. _objuserloginmodel.Studentmodel = _objStudent;
  41. return View("Index", _objuserloginmodel);
  42. }
  43. }
  44. }
CreateStudent View Code
  1. @model DropdownGrid.Models.StudentDetailViewModel
  3. <script type="text/javascript" src="js/script.js"></script>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  6. @{
  7. ViewBag.Title = "CreateStudent";
  8. }
  10. <h2>CreateStudent</h2>
  13. @using (Html.BeginForm("CreateStudent", "GetStudents", FormMethod.Post))
  14. {
  15. @Html.AntiForgeryToken()
  17. <div class="form-horizontal">
  18. <h4>StudentDetail</h4>
  19. <hr />
  20. @Html.ValidationSummary(true, "", new { @class = "text-danger" })
  21. <div class="form-group">
  22. @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
  23. <div class="col-md-10">
  24. @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })
  25. @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
  26. </div>
  27. </div>
  29. <div class="form-group">
  30. @Html.LabelFor(model => model.Class, htmlAttributes: new { @class = "control-label col-md-2" })
  31. <div class="col-md-10">
  32. @Html.EditorFor(model => model.Class, new { htmlAttributes = new { @class = "form-control" } })
  33. @Html.ValidationMessageFor(model => model.Class, "", new { @class = "text-danger" })
  34. </div>
  35. </div>
  37. <div class="form-group">
  38. @Html.LabelFor(model => model.Section, htmlAttributes: new { @class = "control-label col-md-2" })
  39. <div class="col-md-10">
  40. @Html.EditorFor(model => model.Section, new { htmlAttributes = new { @class = "form-control" } })
  41. @Html.ValidationMessageFor(model => model.Section, "", new { @class = "text-danger" })
  42. </div>
  43. </div>
  45. <div class="form-group">
  46. @Html.LabelFor(model => model.Address, htmlAttributes: new { @class = "control-label col-md-2" })
  47. <div class="col-md-10">
  48. @Html.EditorFor(model => model.Address, new { htmlAttributes = new { @class = "form-control" } })
  49. @Html.ValidationMessageFor(model => model.Address, "", new { @class = "text-danger" })
  50. </div>
  51. </div>
  53. <div class="form-group">
  54. <div class="col-md-offset-2 col-md-10">
  55. <input type="submit" value="Create" id="Submit" class="btn btn-default" onclick="location.href='@Url.Action("GetStudents", "CreateStudent11")'" />
  56. </div>
  57. </div>
  58. </div>
  59. }
  61. <div>
  62. @Html.ActionLink("Back to List", "Index")
  63. </div>
The following are the details of block in view code,
So the following block shows you have to mention the post-action name (CreateStudent in below case, Controller Name (GetStudents in below case) and Form method
code
Finally, run the project and as a result, you will get the following screen. On dropdown element change HTTPGet action method will get called and the partial view gets filled respective data.
create
On create click data in the page gets posted. Here is the screenshot if you put a debug point on creating student action.
student action
On this post method, you can either put save logic or additional things you want to perform. Here in the project attached, I haven’t put save logic. This is just a demo of how to post the data on the submit button.
I hope you understood how to call HttpPost action using MVC