Javascript 从datatables内的按钮获取数据错误
我有如下Datatables脚本。Datatable工作正常,但当我单击“编辑”按钮时,会出现如下错误:Javascript 从datatables内的按钮获取数据错误,javascript,jquery,datatables,jquery-plugins,Javascript,Jquery,Datatables,Jquery Plugins,我有如下Datatables脚本。Datatable工作正常,但当我单击“编辑”按钮时,会出现如下错误: let id = $(this).data("category"); 未捕获类型错误:datatables.row不是函数 如何修复代码并获取编辑按钮的ID let data_table=$(“#categories_table”); 让datatables=data\u table.dataTable({ “处理”:对, “服务器端”:正确, “命令”:[ [5,“asc”]
let id = $(this).data("category");
未捕获类型错误:datatables.row不是函数
如何修复代码并获取编辑按钮的ID
let data_table=$(“#categories_table”);
让datatables=data\u table.dataTable({
“处理”:对,
“服务器端”:正确,
“命令”:[
[5,“asc”]
],
ajax:“/admin/categories/datatables”,
columnDefs:[{
“目标”:0,
“可搜索”:false,
“orderable”:false,
“呈现”:函数(数据、类型、完整、元){
返回“”;
}
}, {
目标:-1,
标题:“行动”,
可订购:错误,
呈现:函数(数据、类型、完整、元){
返回`
`;
},
}]
});
datatables.on('click','edit',函数(事件){
event.preventDefault();
var data=datatables.row($(this).closest('tr')).data();
设id=data[1];
让$edit_url=“/admin/categories/”+id+“/edit”;
$.post($edit\u url{
id:id,
csrf_令牌:$csrf
}).完成(功能(数据){
更新模态模态(“显示”);
更新_validator.resetForm();
$(“.modal title”).text(“编辑用户”);
更新_modal.find(“form”)[0].reset();
$(“#id”).val(data.id);
美元(“#更新#csrf”).val($csrf);
$(“#更新名称”).val(data.name);
$(“更新电子邮件”).val(data.email);
$(“#更新_角色”).val(data.role);
$(“#更新#状态”).val(data.is#u活动);
});
});代码>您可以按如下方式修改编辑:
{
targets: -1,
title: 'Actions',
orderable: false,
render: function( data, type, row, meta ) {
return '\
<button class="btn btn-outline bg-primary border-primary text-primary-800 btn-icon btn-sm edit" data-category='+ row[1] + '>\
<i class="icon-pencil7"></i>\
</button>\
<button title="Delete User" class="btn btn-outline bg-danger border-danger text-danger-800 btn-icon btn-sm e delete">\
<i class="icon-trash"> </i>\
</button>';
},
}
我认为您应该尝试var data=$(this.nexist('tr').data()代码>var data=datatables.row($(this).closest('tr')).data()
这里icon-pencil7
是
标记的自动增量类吗?@HimanshuUpadhyay不,这不是校正的。@HimanshuUpadhyay当我尝试你的方法时,似乎我没有得到错误,但没有数据,只是一个对象。实际上@Ying,
应该有一些属性,然后您编写的jquery可以获取该值4
,然后您可以进一步传递它。