Javascript 单击jQuery DataTable中的编辑按钮后从数据库获取id
当我单击某一行的delete按钮时,我需要从数据库中获取该行的id,这样一旦获得该id,就可以将其发送给控制器以删除该行 我试着这样做 这是我的HTML表格Javascript 单击jQuery DataTable中的编辑按钮后从数据库获取id,javascript,jquery,asp.net-mvc,html,datatables,Javascript,Jquery,Asp.net Mvc,Html,Datatables,当我单击某一行的delete按钮时,我需要从数据库中获取该行的id,这样一旦获得该id,就可以将其发送给控制器以删除该行 我试着这样做 这是我的HTML表格 <table id="tableClient" class="table table-bordered table-striped"> <thead> <tr> <th>Delete</th> <th&g
<table id="tableClient" class="table table-bordered table-striped">
<thead>
<tr>
<th>Delete</th>
<th>Name</th>
<th>Last Name</th>
<th>RUC</th>
<th>Phone</th>
<th>Email</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
删除
名称
姓
人民大学
电话
电子邮件
使用jQuery DataTable,我正试图做到这一点:
var table = $('#tableClient').DataTable({
"columnDefs": [{
"width": "5%",
"targets": [0]
},
{
"className": "text-center custom-middle-align",
"targets": [1, 2, 3, 4, 5]
}, ],
"language":
{
"processing": "<div class='overlay custom-loader-background'><i class='fa fa-cog fa-spin custom-loader-color'></i></div>"
},
"processing": true,
"serverSide": true,
"ajax":
{
"url": "/Mantenimiento/FiltrarClientesTablaAsync",
"type": "POST",
"dataType": "JSON",
},
"columns": [
{
bSortable: false,
mRender: function (o) { return '<button type="button" onclick="delete(id);" class="btn btn-default delete"><span class="glyphicon glyphicon-remove" /></button>'; }
},
{"data": "Name"},
{"data": "LastName"},
{"data": "RucClient"},
{"data": "Phone"},
{"data": "Email"}
],
});
var table=$('#tableClient').DataTable({
“columnDefs”:[{
“宽度”:“5%”,
“目标”:[0]
},
{
“className”:“文本中心自定义中间对齐”,
“目标”:[1,2,3,4,5]
}, ],
“语言”:
{
“处理”:”
},
“处理”:对,
“服务器端”:正确,
“ajax”:
{
“url”:“/Mantenimiento/FiltrarClientesTablaAsync”,
“类型”:“职位”,
“数据类型”:“JSON”,
},
“栏目”:[
{
可移植:错误,
mRender:函数(o){返回“”;}
},
{“数据”:“名称”},
{“数据”:“LastName”},
{“数据”:“客户机”},
{“数据”:“电话”},
{“数据”:“电子邮件”}
],
});
问题是,当我单击delete按钮时,我想调用onclick=“delete(id);”事件,并将id发送到该事件,该事件将删除该id的行。
你知道如何使用jQuery和MVC来实现这一点吗?我能够找到我需要的东西。 我只需要将名为dataid的数据添加到数据库的id中,然后将其作为带有“this”的引用传递给delete方法 这是我的解决方案:
"columns": [
{
data: null,
bSortable: false,
render: function (data, type, row) { return '<button type="button" onclick="delete(this);" class="btn btn-default delete" data-id="' + data.id + '"><span class="glyphicon glyphicon-remove" /></button>'; }
},
],
“列”:[
{
数据:空,
可移植:错误,
呈现:函数(数据、类型、行){返回“”;}
},
],
您可以使用此方法将值传递给已编写的delete()函数
{
"data": null,
"className": "class1 class2",
"orderable": false,
"render": function (data, type, row) {
return '<button type="button" onclick="delete(' + data.Id + ');" class="btn btn-default delete"><span class="glyphicon glyphicon-remove" /></button>';
// where data.Id is the Id of the entry in the row
}
},
{
“数据”:空,
“className”:“class1 class2”,
“可订购”:错误,
“渲染”:函数(数据、类型、行){
返回“”;
//其中data.Id是行中条目的Id
}
},
您不能传递每个客户端的ID,并在最初加载时将其放入数据表中吗?这样,您就可以执行删除操作了。如果你担心的话,你可以把它藏起来。