我在数据表的每一行上呈现了两个按钮:Edit和Delete。有没有可能在单击Delete或Edit按钮时获取雇员的ID或Row的ID,并将该ID值传递到我的一个Web方法中,该方法接受一个ID参数以从数据库中删除一条记录?
我的jquery代码到目前为止:
$(document).ready(function () {
$.support.cors = true;
$.ajax({
url: '<%=ResolveUrl("GetEmployee.aspx") %>',
type: 'POST',
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (data) {
var table = $('#datatable').dataTable({
data: data,
columns: [
{ 'data': 'Id' },
{ 'data': 'image' },
{ 'data': 'lastName' },
{ 'data': 'firstName' },
{ 'data': 'jobTitle' },
{
'data': 'StartDate',
'render': function (jsonDate) {
var date = new Date(parseInt(jsonDate.substr(6)));
var month = date.getMonth() + 1;
return date.getDate() + "/" + month + "/" + date.getFullYear();
}
},
{
'data': 'EndDate',
'render': function (jsonDate) {
var date = new Date(parseInt(jsonDate.substr(6)));
var month = date.getMonth() + 1;
return date.getDate() + "/" + month + "/" + date.getFullYear();
}
},
{
'data': null,
'render': function (data, type, row) {
return '<button id="' + row.id +'" onclick="editClick()">Edit</button>'
}
},
{
'data': null,
'render': function (data, type, row) {
return '<button id="' + row.id + '" class="dodo" onclick="deleteClick()">Delete</button>'
}
}
]
});
}
});
$('#datatable').on('click', 'button', function () {
var id = $(this).data();
//var id = table.row($(this)).data();
alert(JSON.stringify(id));
});
});
现在,当我试图获取id时,它返回了一个undefined。
我的webmethod:
[WebMethod]
public static void DeleteRecord(string id)
{
var query = "DELETE FROM employee WHERE ID=?";
OdbcConnection myConn = new OdbcConnection(myConnection);
OdbcTransaction transaction = null;
myConn.Open();
transaction = myConn.BeginTransaction();
OdbcCommand command = new OdbcCommand(query, myConn, transaction);
command.Parameters.Add("ID", OdbcType.Int).Value = id;
command.ExecuteNonQuery();
transaction.Commit();
myConn.Close();
}
谢谢你,谢谢
6条答案
按热度按时间23c0lvtd1#
是的,您可以在单击按钮时获得员工ID或行ID。为此,您需要在定义编辑和删除按钮时执行一些小的更改。
JavaScript / jQuery
2lpgd9682#
1坏方法:go data for backEnd for example缺点短路和搜索.功能已禁用。额外的回应。
或
2在render函数上go JavaScript方法参数行id示例
3我的jquery directk事件监听器获取行数据优点:干净的html,没有内联函数调用,所有的函数都是相同的文件调用。
ccrfmcuu3#
你应该使用
.attr()
方法来找出id
属性。DataTable
nwo49xxi4#
你应该像这样将data-id添加到按钮中:
其他按钮相同,然后单击:
这将带来你的身份证
icomxhvb5#
xuo3flqw6#
这会百分之百有效的