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

我有一个javascript对象,我试图向datatable添加一个新行。一列是字段,另一列应该包含按钮

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, &quot;" + obj.id + "&quot;)'>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, &quot;" + data.id + "&quot;)'>Delete</a>";
            }
        }
    ]
});

在生成的标记中,能否确认生成的
onClick
属性是否列出了id?ie
deleteCategory(这是“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, &quot;" + data.id + "&quot;)'>Delete</a>";
            }
        }
    ]
});
var appendLastCategory = function () {
   var obj = {
      id: 'jh2i4h34ubi43',
      name: 'Lolo',
   };
   $('#categoriesList').DataTable().row.add(obj).draw();
};