Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript+;Jquery DataTable-将数据传递给defaultContent json列_Javascript_Jquery_Json_Ajax_Datatables - Fatal编程技术网

JavaScript+;Jquery DataTable-将数据传递给defaultContent json列

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

我有一个动态jQuery数据表。对于最后一列,我可以选择删除行。为了执行此操作,我需要将itemId值传递给button onClick属性中指定的函数

我目前就是这样做的,但运气不好:

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')