如何解决JavaScript + Jquery DataTable-将数据传递给defaultContent json列
我有一个动态的jQuery数据表。对于最后一列,我可以选择删除行。为了执行此操作,我需要将itemId值传递给按钮onClick属性内指定的函数。
这是我目前的做法,但是没有运气:
defaultContent: "<button class='btn btn-danger' onclick='StockSearchManagment.DeleteStock(" + data.itemId + ")'>Delete</button>"
这是我的完整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);
}
});
});
}
解决方法
您可以使用“数据”标签标记生成的按钮,并从onlick事件中读取该按钮。
标记看起来像:
onlick事件将执行此操作:var itemid = $(this).attr('data-id')。val();
然后您将拥有使用的价值。
,我提到了这个堆栈溢出问题: Passing more than one value into a button in the server side Datatable Jquery using MVC
它现在正在使用渲染而不是defaultContext:
"render": function (data,type,full) {
return '<button class="btn btn-danger" onclick="StockSearchManagment.DeleteStock(' + full.itemId + ')">Delete</button>';
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。