数据表 - 将所选行的一个数据传递给模态

Question

我有一个数据表，每行都有一个编辑按钮。当我单击编辑按钮时，一个函数会打开一个模式来显示所选记录的数据。最初，我只想获取所选记录的 ID（我称之为 PID）。但是根据我的代码，我不确定如何提取传递的值。我一直收到未定义的响应。

请就我的代码中的任何错误提出建议，或者有更好的方法来做到这一点。

谢谢

    select: true,
ajax: {
    url: "people-grid-data.php", 
    type: "POST", 
},

columnDefs: [{
    "targets": [3, 4, 6, 7, 8, 9],
    "visible": false,
    "searchable": true
},
],
columns: [
    {
        "width":"2%",
        "render": function (data, type, full, meta) {
           return    "<button type='button' class='btn btn-xs' data-toggle='modal'  data-target='#editPersonModal'>Edit </button>";
        },
    },
    {
        "data": "PID",
        render: getImg
    }, 
    {
        "data": "PID"
    }, 
    {
        "data": "personName"
    },
    {
        "data": "PeopleRemarks"
    }       
],
"order": [
    [2, 'asc']
]

});

$('#editPersonModal').on('show.bs.modal', function (data, type, full, meta) { console.log("Data ID---"+数据['PID']);

});

Answer 1

我的网格中有一个按钮，你可以用它打开你的模式，使用数据属性

render: function (data, type, row) {<a data-info="' + row.IdUser + '" data-toggle="modal" data-target="#modalGridTable" ...

在 row.IdUser 我有我的身份证。现在当我点击 $('#modalGridTable').on('show.bs.modal', function (event)...

        var button = $(event.relatedTarget);
        var id = button.data('info');
        var data = Grid.ajax.json().data;
        function getDataJson(IdUsuario) {
            return data.filter(
                function (data) {
                    return data.IdUser === IdUser;
                }
            );
        }

        var result = getDataJson(id);

所以你可以阅读这个例子：

result[0].Phone

数据表 - 将所选行的一个数据传递给模态

Datatables - passing one data of the selected row to a modal

row

modal-dialog

datatables

selected