mvc bootstrap modal save not working

Question

Hi Team I have problem, my modal to create is not saving to my database table. Here is my logic; [Route( "Home/CoursesRegistration" )] public ActionResult CoursesRegistration(eNtsaRegCourses model) { if (ModelState.IsValid) { ViewBag.Message = "Course created" ; ModelState.Clear(); cb.SaveChanges(); return PartialView( "CoursesRegistration" , "Home" ); } return View( "eNtsaCourses" , model); } //GET://Courses/Courses-All. [Route( "Home/Courses" )] public ActionResult Courses(eNtsaCourses courses) { if (ModelState.IsValid) { var data = cb.eNtsaCourse.Add(courses); } return View(courses); } // db-schema lists. public class eNtsaCourses { [Key] public Guid? Id { get ; set ; } public string Course { get ; set ; } public string Nickname { get ; set ; } public string Term { get ; set ; } public string EnrolledAs { get ; set ; } public bool Published { get ; set ; } } class = "modal fade" id= "exampleModal" tabindex= "-1" role= "dialog" aria-labelledby= "exampleModalLabel" aria-hidden= "true" > class = "modal-dialog" role= "document" > class = "modal-content" > class = "modal-header" > class = "modal-title" id= "exampleModalLabel" >Start New Course "button" class = "close" data-dismiss= "modal" aria-label= "Close" > "true" >× class = "form-group row" > for = "CourseName" class = "col-sm-3 col-form-label" >CourseName class = "col-sm-5" > @Html.EditorFor(model => model.CourseName, new { htmlAttributes = new { @ class = "form-control" , autofocus = "autofocus" , placeholder = "CourseName" } }) class = "form-group row" > for = "Content-Licence" class = "col-sm-3 col-form-label" >Content Licence class = "col-sm-5" > class = "modal-footer" > "button" class = "btn btn-secondary" data-dismiss= "modal" >Cancel class = 'modal-link btn-xs btn-success' href= "@Url.Action(" CoursesRegistration ", " Home ")" >Create Course "text/javascript" > $( ".modal-link" ).click( function () { $( '#exampleModal' ).modal( 'show' ); });

Guest User · Answer

Hi Sahoo I do get the point, you my point is currently mine is not saving from the db, once it does i can then use this similar example to call it via web api. at this point its still empty all records

Guest User · Answer

Hi Asma I have check my latest re work, private eNtsaRegCourses cb = new eNtsaRegCourses(); // Controller [Route( "Home/CoursesRegistration" )] [HttpPost] public ActionResult CoursesRegistration( eNtsaRegCourses model) { if (ModelState.IsValid) { try { cb.SaveChanges(); return Json( new { success = true }); } catch (Exception ex) { ModelState.AddModelError( "" , ex.Message); } } return PartialView( "CoursesRegistration" , model); } // saving changes here. static void SaveChanges(eNtsaCourses model) { } // Model // db-schema lists. public class eNtsaCourses { [Key] public Guid? Id { get ; set ; } public string Course { get ; set ; } public string Nickname { get ; set ; } public string Term { get ; set ; } public string EnrolledAs { get ; set ; } public bool Published { get ; set ; } } // View class = "modal fade" id= "exampleModal" tabindex= "-1" role= "dialog" aria-labelledby= "exampleModalLabel" aria-hidden= "true" > class = "modal-dialog" role= "document" > class = "modal-content" > class = "modal-header" > class = "modal-title" id= "exampleModalLabel" >Start New Course "button" class = "close" data-dismiss= "modal" aria-label= "Close" > "true" >× class = "form-group row" > for = "CourseName" class = "col-sm-3 col-form-label" >CourseName class = "col-sm-5" > @Html.EditorFor(model => model.CourseName, new { htmlAttributes = new { @ class = "form-control" , autofocus = "autofocus" , placeholder = "CourseName" } }) class = "form-group row" > for = "Content-Licence" class = "col-sm-3 col-form-label" >Content Licence class = "col-sm-5" > @ using (Html.BeginForm( "CreateCoursesRegistration" , "Home" , FormMethod.Post, new { id = "createCourseForm" , @ class = "form-horizontal" })) { class = "modal-footer" > "button" class = "btn btn-secondary" data-dismiss= "modal" >Cancel "@Url.Action(" CoursesRegistration ", " Home ")" class = "btn btn-large btn-success" , onclick= "$('#exampleModal').modal('show')" >Create Courses "text/javascript" > function createCourses() { $.ajax({ url: "/Home/CoursesRegistration" , data: $( '#createCourseForm' ).serialize(), type: 'post' , success: function (data) { if (data.Success) { $( "#exampleModal" ).modal( 'hide' ); } else { } }, error: function (xhr, status) { } }); return false ; } }

Guest User · Answer

No if you look closely, there is inside my try catch statement, its throwing Server/Error in Application

Varun Setia · Answer

I think you are missing cb.SaveChanges()

Varun Setia · Answer

Stack trace of exception would help. Can you share ?

Laxmidhar Sahoo · Answer

Hi I think it is web api and you should ajax call from the page . https://www.c-sharpcorner.com/article/call-asp-net-webapi-using-jquery/ Thanks and regards

Ashutosh Gupta · Answer

this is seems to be problem "private eNtsaRegCourses cb = new eNtsaRegCourses();", this instance wil be created newly for each Http Request, hence use dependency injection to inject this "eNtsaRegCourses" from constructor.. once the instance is created per scope then saving will have list of new courses which was added in different Post endpoints "cb.eNtsaCourse.Add(courses);"

Asma Khalid · Answer

You have not created Http Post method, you have created only http get method. Add following attribute on top of your method i.e. [Route( "Home/CoursesRegistration" )] [HttpPost] public ActionResult CoursesRegistration(eNtsaRegCourses model) { .. } Mark the answer as accepted if helpful. Thanks & Regards, Asma Khalid For more visit www.asmak9.com

Farhan Ahmed · Answer

https://stackoverflow.com/questions/20248365/twitter-bootstrap-modal-does-not-work-properly-when-implementing-in-asp-net-mvc https://forums.asp.net/t/2163108.aspx?Opening+Bootstrap+Modal+pop+up+from+controller https://www.codeproject.com/Questions/1226998/Modal-popup-close-button-is-not-working-in-MVC-pro https://forums.asp.net/t/2161560.aspx?Bootstrap+modal+with+OnClick+button+not+working