mvc bootstrap modal save not working

C# Corner

Guest User

6y2.2k.NET

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

});

9 Replies

Know the answer? Post it — somebody with the same question will find it here.

Varun Setia6y ago
Stack trace of exception would help. Can you share ?
0
Guest User6y ago
No if you look closely, there is inside my try catch statement, its throwing Server/Error in Application
+1
Varun Setia6y ago
I think you are missing cb.SaveChanges()
+1
Guest User6y ago
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
+2
Laxmidhar Sahoo6y ago
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
0
Ashutosh Gupta6y ago
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);"
0
Guest User6y ago
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;
}
}

Asma Khalid6y ago
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
-1
Farhan Ahmed6y ago
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
-1