Javascript 将新按钮动态添加到DataTable jquery中
我已经成功地实现了create按钮,它在我的datatable中创建OK,但我不知道如何在新行中插入按钮。请看图片: 注意:我有隐藏的列ID。 这是我的JS: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
$('.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
必须是用于表初始显示的行的精确表示形式。