-~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:vs· jQuery基础
作者: xqll
撰写时间:2019/8/8
-~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
下面 我来演示一下如何在数据表格里面删除数据
先上代码
先是控制器的代码
public ActionResult DeleteSupplier(int SupplierID)
{
ReturnJson returnJson = new ReturnJson();
returnJson.State = false;
try
{
S_supplier dbsupplier = (from tbSupplier in myModels.S_supplier
where tbSupplier.SupplierID == SupplierID
//删除的条件
select tbSupplier
).Single();
myModels.S_supplier.Remove(dbsupplier);
//保存
if (myModels.SaveChanges() > 0)
//当有符合条件的时候 就执行下面的代码 删除
{
returnJson.State = true;
returnJson.Text = "删除成功";
}
}
catch (Exception)
{
returnJson.Text = "参数异常";
}
return Json(returnJson, JsonRequestBehavior.AllowGet);
}
然后是视图那边的代码
给它插入一列 自定义列
{ title: ‘操作’, templet: setOperate, width: 180, align: ‘center’, fixed: ‘left’ }
设置它按钮 点击按钮的时候 获取到它的ID
function setOperate(data) {
var SupplierID = data.SupplierID;
var btns = "";
btns += '<button type="button" class="layui-btn layui-btn-xs layui-btn-danger" onclick=doDeletes(' + SupplierID + ')>删除</button>';
return btns;
}
然后就是
点击删除按钮的时候执行下面的代码 提示 是否删除 点击确定后 删除数据表格选中那一行的数据
function doDeletes(SupplierID) {
layer.confirm("确认删除选择的数据吗?", { icon: 3, title: "提示" }, function (index) {
$.post("DeleteSupplier", { SupplierID: SupplierID }, function (returnJson) {
console.log(returnJson);
//刷新表格
SalestabTitles.reload();
layer.alert(returnJson.Text, { icon: 6 });
})
});
}
然后效果图是
然后 你想要的删除效果就完成了