Модальная дата-цель Thymeleaf и обновление идентификатора в цикле - PullRequest
0 голосов
/ 22 октября 2018

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

Я проверил:

a) Как мне это сделать?data-target = "# userId" в thymeleaf

b) с использованием атрибута data- * с thymeleaf

, но все равно он не работает ...

вот часть кода: цикл:

<div th:each="myth : ${allMyths}">

вот кнопка (закомментированный код также не работает ...):

<button type="button" class="button" style="float: right; margin-right: 2%" data-toggle="modal"
                        data-th-target="'#'+${myth.getId()}">More...
                        <!--th:attr="data-target='#'+${myth.getId()}">More...-->
                </button>

и здесьявляется вершиной модального режима:

<div data-th-id="${myth.getId()}" class="modal fade" role="dialog">

здесь также th: id не работает ... У вас есть идеи, почему кнопки и модальные не находят друг друга по идентификатору?

Спасибозаранее за ваши ответы / предложения!

Петр

1 Ответ

0 голосов
/ 03 марта 2019

Кнопка:

<button type="button" class="button" style="float: right; margin-right: 2%" data-toggle="modal" th:attr="data-target='#'+${myth.getId()}">More...</button>

Вершина модала:

<div th:attr="id=${myth.getId()}" class="modal fade" role="dialog">
...