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

时间:2018-11-04 04:28:13

标签: datatables modal-dialog row selected

我有一个数据表,每行都有一个编辑按钮。当我单击编辑按钮时,一个函数将打开一个模式以显示所选记录的数据。 最初,我只想获取所选记录的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(“数据ID ---” + data ['PID']);

});

1 个答案:

答案 0 :(得分:0)

我的网格中有一个按钮,您可以使用数据属性打开此模式

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

在row.IdUser中,我有我的ID。现在当我单击$('#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