Datatables - передача одного из данных выбранной строки модальному - PullRequest
Новая
       50

Datatables - передача одного из данных выбранной строки модальному

0 голосов
/ 04 ноября 2018

У меня есть таблица данных, в каждой строке которой есть кнопка редактирования. Когда я нажимаю кнопку редактирования, функция открывает модальное окно для отображения данных выбранной записи. Сначала я просто хочу получить идентификатор (который я назвал 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', функция (data, type, full, meta) { console.log ("Идентификатор данных ---" + data ['PID']);

});

1 Ответ

0 голосов
/ 04 ноября 2018

У меня есть кнопка в моей сетке, вы открываете свой мод с этим, используя атрибуты данных 

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

в строке. IDUser У меня есть мой идентификатор. теперь, когда я нажимаю в $ ('# modalGridTable'). on ('show.bs.modal', функция (событие) ... 

        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
...