Javascript 在datatable的新行中添加按钮,未定义
我有一个javascript对象,我试图向datatable添加一个新行。一列是字段,另一列应该包含按钮Javascript 在datatable的新行中添加按钮,未定义,javascript,jquery,datatable,datatables,Javascript,Jquery,Datatable,Datatables,我有一个javascript对象,我试图向datatable添加一个新行。一列是字段,另一列应该包含按钮 var appendLastCategory = function() { var obj = { id: 'jh2i4h34ubi43', name: 'Lolo', }; $('#categoriesList').DataTable().row.add({ name: obj.name, //First column
var appendLastCategory = function() {
var obj = {
id: 'jh2i4h34ubi43',
name: 'Lolo',
};
$('#categoriesList').DataTable().row.add({
name: obj.name, //First column
mRender: function() { //Second column
return "<a class='md-btn' onClick='deleteCategory(this, "" + obj.id + "")'>Delete</a>";
}
}).draw();
};
我希望这有助于:
var deleteCategory=函数(元素,id){
警报(id);
//诸如此类,所有要在后端删除并删除行的代码
};
var appendLastCategory=函数(){
var obj={
id:'jh2i4h34ubi43',
名字:“Lolo”,
};
$('#categoriesList').DataTable().row.add({
“0”:obj.name,//第一列
'1': "",
}).draw();
};
$(函数(){
appendLastCategory();
});代码>
名称
按钮
名称
按钮
老虎尼克松
老虎尼克松
加勒特温特斯
老虎尼克松
阿什顿考克斯
老虎尼克松
感谢您的回复!我已经决定了
要初始化DataTable,请执行以下代码:
var datax = [{
id: '67i67i634r2r',
name: 'Lala',
},{
id: 'g45y45y657t3',
name: 'Lele',
}];
$('#categoriesList').DataTable({
"data": datax,
"columns": [
{ data: "name" }, {
render: function(o, type, data) {
return "<a class='md-btn' onClick='deleteCategory(this, "" + data.id + "")'>Delete</a>";
}
}
]
});
在生成的标记中,能否确认生成的onClick
属性是否列出了id?iedeleteCategory(这是“jh2i4h34ubi43”)
我可以确认,即使我烧掉代码中的“id”,它仍然显示未定义。
var datax = [{
id: '67i67i634r2r',
name: 'Lala',
},{
id: 'g45y45y657t3',
name: 'Lele',
}];
$('#categoriesList').DataTable({
"data": datax,
"columns": [
{ data: "name" }, {
render: function(o, type, data) {
return "<a class='md-btn' onClick='deleteCategory(this, "" + data.id + "")'>Delete</a>";
}
}
]
});
var appendLastCategory = function () {
var obj = {
id: 'jh2i4h34ubi43',
name: 'Lolo',
};
$('#categoriesList').DataTable().row.add(obj).draw();
};