Javascript 将新按钮动态添加到DataTable jquery中

Javascript 将新按钮动态添加到DataTable jquery中,javascript,jquery,datatables,Javascript,Jquery,Datatables,我已经成功地实现了create按钮,它在我的datatable中创建OK,但我不知道如何在新行中插入按钮。请看图片: 注意:我有隐藏的列ID。 这是我的JS: $('.button14').click(function () { $.ajax({ url: "/AdeccoViews/CreateAdeccoView", contentType: 'application/json;', data: JS

我已经成功地实现了create按钮,它在我的datatable中创建OK,但我不知道如何在新行中插入按钮。请看图片:

注意:我有隐藏的列ID。 这是我的JS:

$('.button14').click(function () {

        $.ajax({
            url: "/AdeccoViews/CreateAdeccoView",
            contentType: 'application/json;',
            data: JSON.stringify({ date: document.getElementById('datepickerCreateModal').value, client: $('#Client :selected').val(), eventType: $('#Event :selected').val() }),
            //data: JSON.stringify({ id: t.row('.selected').data()[0] }),//pravi kod
            type: 'POST',
            success: function (result) {
                if (result.id > 0) {t.row.add([
                            result.id,
                            document.getElementById('datepickerCreateModal').value,
                            $('#Client :selected').text(),
                             $('#Event :selected').text(),
                             result.name,
                             'buttonEdit, buttonDelete'@*,
                             '@Html.Raw(@"<button type=""button"" data-id=""65"" class=""btnEdit"" data-toggle=""modal"" data-target=""#modalFirst"">Edit</button>
                <button type=""button"" data-id=""65"" class=""button13"">Delete</button>")'*@
                ]).draw(false);
                }
                $('#modalCreate').modal('toggle');
                swal("Dodato!", "Novi je dodat!", "success");
            },
            error: function (valid) {
                //window.location.href = "/Views/ERROR";
                swal("Došlo je do greške!", "Molimo vas da pokušate ponovo!", "error");
            }
        });
    });
$('.button14')。单击(函数(){
$.ajax({
url:“/adeccowiews/createadeccowiew”,
contentType:'应用程序/json;',
数据:JSON.stringify({date:document.getElementById('DatePickerCreateModel')。值,客户端:$('#客户端:选定')。val(),事件类型:$('#事件:选定')。val(),
//data:JSON.stringify({id:t.row('.selected').data()[0]}),//pravi kod
键入:“POST”,
成功:功能(结果){
如果(result.id>0){t.row.add([
result.id,
document.getElementById('DatePickerCreateModel')。值,
$(“#客户端:选定”).text(),
$(“#事件:选定”).text(),
result.name,
“buttonEdit,ButtoneDelete”@*,
@Html.Raw(@)编辑
删除“)”*@
]).抽签(假);
}
$('#modalCreate').modal('toggle');
swal(“Dodato!”,“Novi je dodat!”,“success”);
},
错误:函数(有效){
//window.location.href=“/Views/ERROR”;
swal(“Došlo je Do greške!”,“Molimo vas da pokušate ponovo!”,“error”);
}
});
});
编辑:
success:函数(结果){
如果(result.id>0){t.row.add([
result.id,
document.getElementById('DatePickerCreateModel')。值,
$(“#客户端:选定”).text(),
$(“#事件:选定”).text(),
result.name,
t、 行。添加(结果)
]).抽签(假);
}
$('#modalCreate').modal('toggle');
swal(“Dodato!”,“Novi je dodat!”,“success”);

}

看看这个函数。它用于在将行内容添加到表中时以友好方式构建行内容。我不明白你为什么要重新定义
add
函数。我建议重新使用用于初始表创建的代码。DataTable.add将对新的行应用初始设置。我不理解您。如果您已经有一种自定义的方式显示您的表,并且它成功地添加了按钮。只需将新行添加到表中<代码>t.row.add(结果)@TCHdvlp我在我的帖子里放了编辑,你的意思是这样的吗?它不起作用
success:function(result){if(result.id>0){t.row.add(result.draw(false);}…}
当然,
result
必须是用于表初始显示的行的精确表示形式。