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

Question

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

索引.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);
}

PartialView：

@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中替换了两行代码，在控制器中替换了控制器，我只是返回了视图而不是部分视图，为了传递id，我只是使用了不同的方法这是我的工作代码，我不知道为什么我的模态在作为部分视图传递时消失了，这仍然是一个疑问。

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