JavaScript+;Jquery DataTable-将数据传递给defaultContent json列
我有一个动态jQuery数据表。对于最后一列,我可以选择删除行。为了执行此操作,我需要将itemId值传递给button onClick属性中指定的函数 我目前就是这样做的,但运气不好:JavaScript+;Jquery DataTable-将数据传递给defaultContent json列,javascript,jquery,json,ajax,datatables,Javascript,Jquery,Json,Ajax,Datatables,我有一个动态jQuery数据表。对于最后一列,我可以选择删除行。为了执行此操作,我需要将itemId值传递给button onClick属性中指定的函数 我目前就是这样做的,但运气不好: defaultContent: "<button class='btn btn-danger' onclick='StockSearchManagment.DeleteStock(" + data.itemId + ")'>Delete</button>&q
defaultContent: "<button class='btn btn-danger' onclick='StockSearchManagment.DeleteStock(" + data.itemId + ")'>Delete</button>"
defaultContent:“删除”
这是我的完整JavaScript函数:
GetInfo: function (tble) {
$(document).ready(function () {
$.ajax({
url: '/Home/GetList',
dataType: "json",
method: 'post',
success: function (data) {
tble.DataTable().destroy();
tble.DataTable({
data: data.html
,
"columns": [
{ data: "itemId" },
{ data: "name" },
{ data: "description" },
{
data: null,
defaultContent: "<button class='btn btn-danger' onclick='StockSearchManagment.DeleteStock(" + data.ItemId + ")'>Delete</button>"
}
]
});
},
error: function (err) {
alert(err);
}
});
});
GetInfo:function(tble){
$(文档).ready(函数(){
$.ajax({
url:“/Home/GetList”,
数据类型:“json”,
方法:“post”,
成功:功能(数据){
tble.DataTable().destroy();
tble.DataTable({
数据:data.html
,
“栏目”:[
{data:“itemId”},
{数据:“名称”},
{数据:“说明”},
{
数据:空,
defaultContent:“删除”
}
]
});
},
错误:函数(err){
警惕(err);
}
});
});
}您可以用“数据”标记标记生成的按钮,并从onlick事件中读取该标记 标签看起来像: onlick事件将执行以下操作:var itemid=$(this.attr('data-id').val()
然后您就有了要使用的值。我提到了这个堆栈溢出问题: 它现在使用的是render而不是defaultContext:
"render": function (data, type, full) {
return '<button class="btn btn-danger" onclick="StockSearchManagment.DeleteStock(' + full.itemId + ')">Delete</button>';
}
“呈现”:函数(数据、类型、完整){
返回“删除”;
}
他还可以获得如下数据:$(this.data('id')