Два фрагмента на странице с помощью thymeleaf (вместе со Spring)

Question

Есть две таблицы: "Отделы" и "Сотрудники", выглядят так, как на скринах:

Код шаблона "Отделы"

<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Отделы</title>
</head>
<body>
<div th:switch="${departments}">
    <h2 th:case="null">Отделов не существует</h2>
    <div th:case="*">
        <h2>Отделы</h2>
        <table border="1">
            <tr>
                <th>Отделы</th>
                <th>Сотрудники</th>
            </tr>
            <tr th:each="department : ${departments}">
                <td><a th:href="@{/users/{idDepartment}(idDepartment=${department.iddepartment})}" th:text="${department.namedepartment}"></a></td>
            </tr>
            </table>
    </div>
</div>
<div class="container"><th:block th:include="users :: users"></th:block></div>
</body>
</html>

Код шаблона "Сотрудники"

<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Отделы</title>
</head>
<body>

<div th:switch="${users}">
    <h2 th:case="null">В этом отделе нет сотрудников</h2>
    <div th:case="*">
        <div th:fragment="users">
        <h2>Сотрудники отдела</h2>
        <table border="1">
            <tr>
                <th>Имя</th>
                <th>Фамилия</th>
                <th>Позиция</th>
                <th>Табельный номер</th>
            </tr>
            <tr th:each="user : ${users}">
                <td th:text="${user.first_name}"></td>
                <td th:text="${user.last_name}"></td>
                <td th:text="${user.position}"></td>
                <td th:text="${user.tab_number}"></td>
            </tr>
        </table>
        </div>
    </div>
</div>
</body>
</html>

Вопрос: подскажите, пожалуйста, как сделать так, чтобы при клике на отдел, допустим "Отдел фрикаделек" справа в колонке "Сотрудники" на этой же странице отобразились все сотрудники, которые принадлежат ТОЛЬКО этому отделу из шаблона "Сотрудники"?

На выходе должно получится что-то типа такого:

БЛОГ НА HUSL

Два фрагмента на странице с помощью thymeleaf (вместе со Spring)

Ответы (0 шт):