当我点击编辑时模态消失，而且 id 也没有传递给控制器

Question

我正在展示我的视图标记和控制器代码以供参考。我使用服务器端创建了一个数据表，并添加了 "edit" 按钮功能。我的模式在编辑时打开，但只要我单击模式中的任何值，模式就会消失。

Index.cshtml :

@model IEnumerable<DapperDemo.Models.Student>

@{
    ViewBag.Title = "Index";
}

<div class="container">
    <h2>Student List</h2>
</div>

<div class="container-fluid">
        <button type="submit" id="btnDelete" class="btn btn-sm btn-danger rounded-0"><i class="fa fa-trash-o"></i> Delete</button>
        @using (Html.BeginForm("DeleteRecords", "Student", FormMethod.Post))
        {
            <table id="Student" class="ui celled table" style="width:100%">
                <thead>
                    <tr>
                        <th><input type="checkbox" name="EmpIDs" value="@ViewBag.StudentId" id="EmpIDs"></th>
                        <th>StudentId</th>
                        <th>BatchId</th>
                        <th>StudentName</th>
                        <th>RollNumber</th>
                        <th>ContactNumber</th>
                        <th>ParentContactOne</th>
                        <th>ParentContactSecond</th>
                        <th>CreatedBy</th>
                        <th></th>

                    </tr>
                </thead>
                <tbody>
                    <tr></tr>
                </tbody>

            </table>
            <div class="modal" id="myModal1" >
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header" id="ModalHeader">
                            <a href="#" class="close" data-dismiss="modal">&times;</a>

                        </div>
                        <div class="modal-body" id="myModalBodyDiv1">
                        </div>
                    </div>
                </div>
            </div>
            <input type="hidden" id="hiddenEmployeeId" />
        }

    @section scripts{
    $(document).on('click', '.edit', function () {
                    var studentId = $(this).closest('tr').find('td:eq(1)').text();
                    $.get("@Url.Action("AddEditEmployee", "Student")/" + studentId, function (data) {

                        //set Modal header text
                         $("#ModalHeader").html("Edit");

                        //add returned partial view html into modal body
                        $("#myModalBodyDiv1").html(data);

                        //show modal
                        $('#myModal1').modal('show');

                        //inititae jQuery validation
                        // $("#BlogForm").validate();

                    });
                });
            });
        </script>
    }

虽然我通过 ajax 传递它，但我没有在控制器中获取学生 ID 值。

控制器:

[HttpGet]  
public ActionResult AddEditEmployee(int studentId)
{
    Student student = new Student();

    using (MySqlConnection db = new MySqlConnection(ConfigurationManager.ConnectionStrings["Constr"].ConnectionString))
    {
        student = db.Query<Student>("SELECT * FROM student " +
                                    "WHERE studentid = " + studentId, 
                                    new { studentId }).SingleOrDefault();
    }

    return PartialView("AddEditEmployee", student);
}

// POST: Friend/Edit/5  
[HttpPost]
public ActionResult AddEditEmployee(Student student)
{
    using (MySqlConnection db = new MySqlConnection(ConfigurationManager.ConnectionStrings["Constr"].ConnectionString))
    {
        string sqlQuery = "update student set BatchId='" + student.BatchId + "', StudentName='" + student.StudentName + "',RollNumber='" + student.RollNumber + "',ContactNumber='" + student.ContactNumber + "' where friendid=" + student.StudentId;

        int rowsAffected = db.Execute(sqlQuery);
     }

     return Json(new { success = true, responseText = "Successfully Updated" }, JsonRequestBehavior.AllowGet);
 }

局部视图:

@model DapperDemo.Models.Student

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">

        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        @Html.HiddenFor(model => model.StudentId)

        <div class="form-group">
            @Html.LabelFor(model => model.BatchId, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.BatchId, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.BatchId, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.StudentName, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.StudentName, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.StudentName, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.RollNumber, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.RollNumber, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.RollNumber, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.ContactNumber, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.ContactNumber, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.ContactNumber, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.ParentContactOne, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.ParentContactOne, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.ParentContactOne, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.ParentContactSecond, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.ParentContactSecond, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.ParentContactSecond, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.IsActive, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.IsActive, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.IsActive, "", new { @class = "text-danger" })
            </div>
        </div>


        <div class="form-group">
            @Html.LabelFor(model => model.CreatedBy, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.CreatedBy, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.CreatedBy, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Update" class="btn btn-default" />
            </div>
        </div>
    </div>
}

Answer 1

我找到了答案，我认为只有一些小错误，我只是在我的 ajax 和我的控制器中替换了两行代码我只是返回视图而不是部分视图并通过我只是使用了不同的方法这是我的工作代码，我不知道为什么当我将它作为部分视图传递时我的模态消失了，这仍然是一个疑问。

index.cshtml


    $(document).on('click', '.edit', function () {
                    var studentId = $(this).closest('tr').find('td:eq(1)').text();
                    $.get('/Student/AddEditEmployee?studentId=' + studentId, function (data) {

                        //set Modal header text
                        // $("#ModalHeader").html("Edit");

                        //add returned partial view html into modal body
                        $("#myModalBodyDiv1").html(data);

                        //show modal
                        $('#myModal1').modal('show');

                        //inititae jQuery validation
                        // $("#BlogForm").validate();


                    });
                });

控制器代码

    [HttpGet]
    public ActionResult AddEditEmployee(int studentId)
       {
         Student student = new Student();
         using (MySqlConnection db = new MySqlConnection(ConfigurationManager.ConnectionStrings["Constr"].ConnectionString))
           {
             student = db.Query<Student>("Select * From student " +
                                               "WHERE studentid =" + studentId, new { studentId }).SingleOrDefault();
           }

           return View("AddEditEmployee", student);
        }

当我点击编辑时模态消失，而且 id 也没有传递给控制器

Modal disappears when I click to edit and also id is not getting passed to the controller

asp.net-mvc

jquery

dapper