我有一个使用jquery datatables
显示的员工列表,其中包含编辑和删除按钮。点击删除删除按钮我想显示一条弹出消息以及要删除的员工姓名?< / p>
为此我试图将data-name=row[1]
设置为删除按钮。但我得到了data-name=undefined
如何在deletebutton中访问员工的姓名?
DataTable代码
table = $(".dTable").dataTable({
"ajax": {
"url": url,
"method": "GET",
"dataType": "json"
},
columns: [
{ "data": "SlNo" },
{ "data": "Name" },
{ "data": "Duration" },
{ "data": "SingleFee" },
{ "data": "InstalmentFee" },
{ "data": "Id" }
],
//Defining checkbox in columns
"aoColumnDefs": [
{
"targets": [0],
"bSortable": false
},
{
"targets": 2,
"bSortable": false
},
{
"targets": 5,
"bSortable": false,
"render": function (data, type, row) {
return '<div id="test">' +
'<div class="col-sm-4">' +
'<a class="btn btn-info editData" data-id=' + data + ' >' +
'<i class="fa fa-edit"></i></a>' +
'</div>' +
'<div class="col-sm-4">' +
//Delete button//
'<a class="btn btn-danger deleteData" data-id=' + data + 'data-name=' + row[1] + ' >' +
'<i class="fa fa-close"></i></a>' +
'</div>' +
' <div class="pull-right spinner col-sm-4" style="display:none" >' +
'<i class="fa fa-refresh fa-spin spin-small "></i>' +
'</div>' +
'</div>'
}
}
]
});
答案 0 :(得分:2)
如果您将JSON数组作为数据源,则name
会检索row.name
。 row
只是数组中当前的JSON项/对象。
此外,您应该记住将数据属性(或一般属性)放入qoutes,''
或""
。即使data-id=' + data + 'data-name=' + row[1] + ' >'
持有该名称,row[1]
也会失败:
return '<div id="test">' +
'<div class="col-sm-4">' +
'<a class="btn btn-info editData" data-id="' + data + '">' +
'<i class="fa fa-edit"></i></a>' +
'</div>' +
'<div class="col-sm-4">' +
//Delete button//
'<a class="btn btn-danger deleteData" data-id="' + data + '" data-name="' + row.name + '">' +
'<i class="fa fa-close"></i></a>' +
'</div>' +
'<div class="pull-right spinner col-sm-4" style="display:none" >' +
'<i class="fa fa-refresh fa-spin spin-small"></i>' +
'</div>' +
'</div>'