Отображение данных таблицы в модальном режиме с PHP и JavaScript

Question

Я все еще немного новичок в PHP и JavaScript. Я работаю над веб-приложением, которое предполагает отображение некоторых данных в таблице с использованием PHP и MySQL.

. Я хотел бы иметь возможность щелкнуть строку таблицы и отобразить модальное это будет включать дополнительную информацию о строке, по которой я только что щелкнул. У меня в данный момент нормально отображается модальное отображение при щелчке по строке.

Использование JavaScript Я уже могу анализировать все, что отображается в строке таблицы, по модальному.

Моя проблема в том, что есть некоторые детали я НЕ хотел бы показывать в строке таблицы, но хотел бы, чтобы они отображались в модальном режиме при просмотре полной информации. Как я могу разобрать дополнительные значения от PHP до модального?

РЕДАКТИРОВАТЬ: я использую библиотеку JavaScript DataTables, если это имеет значение.

Код:

PHP:

if ($stmt = $conn->prepare($query)) {
    $stmt->bind_param("i", $id);
    $stmt->execute();
    $stmt->bind_result($issueID, $title, $projectName, $assignedTo, $priority, 
        $status, $type, $creationDate, $dueDate);

    while($stmt->fetch()) {
        echo "<tr>";
        echo "<td>$title</td>";
        echo "<td>$projectName</td>";
        echo "<td>$assignedTo</td>";
        echo "<td>$priority</td>";
        echo "<td>$status</td>";
        echo "<td>$type</td>";
        echo "<td>$creationDate</td>";            
        echo "</tr>";
    }
    $stmt->free_result();
    $stmt->close();
}

Например, я получаю $ dueDate в моем запросе SQL и хочу отобразить это в модальном, но не в строке таблицы.

Я могу попытаться дать больше разъяснений, если потребуется, любая помощь будет принята с благодарностью.

Спасибо!

Answer 1

Чтобы сделать это без Ajax, сгенерируйте строки таблицы с вашими атрибутами data-, например, data-duedate="2020-05-12". Когда пользователь нажимает для получения дополнительной информации, JS, который обрабатывает этот щелчок, определит, какая строка была нажата, получит соответствующие значения data-foo из этой строки (см. jQuery 'data() function ), заполните модальное этими значениями и, наконец, покажите модальное значение.

Недостатком является то, что вы извлекаете тонну данных, которые всегда будут находиться в таблице, даже если пользователь никогда не нажимает на какие-либо подробности. С другой стороны, клик для получения подробной информации должен быть относительно быстрым.