如何将数据从文本列传递到 DataTable 中的 onClick 按钮？

Question

我在 JavaScript 中有一个 DataTable，其中一列包含一个按钮，该按钮当前data在单击时将变量传递给另一个函数。除了传递该变量之外，我还希望它也能获取该行中其他单元格之一的内容。

$('#table_system').DataTable({

    "processing": true,

    "serverSide": true,

    "ajax": {

        "url": "/api/DataTable/System",

        "type": "POST"

    },

    "columns": [

        { "data": "Group" },

        { "data": "Name" },

        { "data": "variableToPass" }, <--- this is the variable I want to pass to my button click event

        {

            "data": "ID",

            "render": function (data, type, row, meta) {

                if (type === 'display') {

                    data = '<button type="button" class="btn btn-secondary" onclick="AddSystem(\'' +

                        data +

                        '\')">Select</button>';

                }

                return data;

            }

        }

    ]

});

我知道这段代码可能还有其他一些问题，但我正在接替我无法联系以获取任何其他信息的人。

按原样，单击按钮时，“ID”的值将传递给我的另一个函数。但是，我还需要将“variableToPass”传递给同一个函数。我不确定如何访问“render”：function() 部分中的“data”：“variableToPass”，以便我可以将其附加到通过 onclick 传递给函数的数据变量中。

Answer 1

它应该在渲染函数中可用，如下所示：行['variableToPass']基本上来说，render 函数中的第三个参数是指整行本身的数据。祝你好运。