Javascript 使用ASP.NET MVC的引导删除模式
我试图使用引导模式删除一行,但我的Javascript 使用ASP.NET MVC的引导删除模式,javascript,c#,bootstrap-modal,Javascript,C#,Bootstrap Modal,我试图使用引导模式删除一行,但我的.on函数中缺少一个关键细节。以下是所有相关代码: Controller.cs: @foreach (var item in Model) { <a class="btn btn-danger btn-sm" data-employee-id="@item.EmployeeID" value="@item.EmployeeID"</a> } <div id="modalDelete" class="modal fade" rol
.on
函数中缺少一个关键细节。以下是所有相关代码:
Controller.cs:
@foreach (var item in Model)
{
<a class="btn btn-danger btn-sm" data-employee-id="@item.EmployeeID" value="@item.EmployeeID"</a>
}
<div id="modalDelete" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title" style="text-align-last: center">Confirm Delete</h4>
</div>
<div class="modal-body">
<h5 style="text-align-last: center">You are about to delete the record with an ID of <b class="title"></b>, this procedure is irreversible.</h5>
<h5 style="text-align-last: center">Are you sure you want to delete?</h5>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger btn-delete">Delete</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
这是当前返回的内容
模型:
您将要删除ID为2的记录,此过程不可逆
在控制台中:
未定义
我似乎无法解决最后一个问题。我遗漏了什么或需要补充什么?这是正确的使用方法吗?我也研究过这个问题,但无法解决。你能试试下一个:
$('modalDelete.btn delete')。在('click',function(e){var id=$('modalDelete')。data('employee-id');console.log(id);})
此
指的是.btn delete
,它没有员工id的数据属性
,我比我想的晚了回来…@anayarojo我不相信调用了此函数,因为我没有看到日志语句,而且我在调用函数后第一件事就是尝试记录日志
$('#modalDelete').on('show.bs.modal', function (e) {
var data = $(e.relatedTarget).data();
$('.title', this).text(data.employeeId);
});
$('#modalDelete').on('click', '.btn-delete', function (e) {
var id = $(this).data('employee-id');
console.log(id);
});