javascript - 如何使用 JQuery 在 MVC 中删除选中的行
问题描述
如何使用 jquery 从 asp.net MVC 中的数据库中删除已检查的表行这是我的代码,请帮我解决这个问题。我已经尝试过,但是如果有人有建议,这不起作用,请给我一些建议。
function saveOrder(data) {
return $.ajax({
contentType: 'application/json; charset=utf-8',
dataType: 'json',
type: 'POST',
url: "/Bill/SaveOrder",
data: data,
success: function (result) {
alert(result);
location.reload();
},
error: function () {
alert("Error!")
}
});
}
var selectedValues = [];
$.each($("#empsToDel"), function () {
selectedValues.push({
ID = $("input:checked").val()
})
});
var data = JSON.stringify({
Delete:selectedValues
});
<table>
<tr>
<th></th>
<th>@Html.DisplayNameFor(model => model.Product.ProductName)</th>
</tr>
@foreach (var item in Model)
{
<tr id="new">
<td><input type="checkbox" class="checkbox" value="@item.ID" name="empsToDel" id="empsToDel" /></td>
<td>@Html.DisplayFor(modelItem => item.Product.ProductName)</td>
</tr>
}
</table>
<input id="saveOrder" type="submit" class="btn btn-default" value="ok" />
这是我的控制器
解决方案
<table>
<tr>
<th></th>
<th>@Html.DisplayNameFor(model => model.Product.ProductName)</th>
</tr>
@foreach (var item in Model)
{
<tr id="new'@item.ID'">
<td><input type="checkbox" class="checkbox" value="@item.ID"
name="empsToDel" id="empsToDel'@item.ID'" /></td>
<td>@Html.DisplayFor(modelItem => item.Product.ProductName)</td>
</tr>
}
</table>
<input id="saveOrder" type="submit" class="btn btn-default" value="ok" />
$("#saveOrder").click(function ()
{
var selectedValues = new Array();
$(".checkbox:checked").each(function () {
selectedValues.push($(this).val());
});
var clientIdList = selectedValues.join();
$.ajax(
{
type: "POST",
url: '@Url.Action("SaveOrder", "Bill")',
data: { clientIdList: clientIdList },
beforeSend: function () {
},
success: function (response) {
alert(result);
location.reload();
},
complete: function () {
},
error: function () {}
});
});
比尔控制器.cs
public ActionResult SaveOrder( string clientIdList = null)
{
if (clientIdList != "")
{
var clientIds = clientIdList.Split(',').Select(x =>
Int64.Parse(x)).ToArray();
}
}
希望这会对您有所帮助。
推荐阅读
- python - 如何从二维数组+最大值索引中获取每列的最大值
- javascript - 无法使用网络服务器上显示的新 URL 从移动设备访问网站
- python - 生成给定总和python的随机(int)列表
- scala - 将镶木地板文件读取到多个分区
- ssl - HTTPS 产生后端问题
- python - Python Beautifulsoup 提取十六进制值
- powershell - 带参数的 Powershell 导入脚本
- android - 更改语言时在运行时更改片段布局(RTL,LTR)
- flask - 根据从选择字段中选择的答案显示消息
- mysql - AWS RDS aurora Mysql 5.6 无法使用与默认引擎不同的引擎创建表