Я пытаюсь загрузить модальную форму динамически следующим образом:
Ссылка, чтобы открыть мой модал:
<a href="#" th:href="@{/merchants/new}" data-toggle="modal" data-target="#my-modal">Create New</a>
Это мой модальный скелет:
<div class="modal fade" id="my-modal" tabindex="-1" role="dialog" aria-labelledby="my-modal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</div>
Это отображение моего запроса
@GetMapping("/merchants/new")
public ModelAndView showCreateMerchantForm() {
LOGGER.trace("/new invoked");
ModelAndView mav = new ModelAndView("merchant/merchant-form");
return mav;
}
И это форма продавца:
<html xmlns:th="http://www.thymeleaf.org">>
<head>
</head>
<body>
<div class="modal-header">Merchant Form</div>
<div class="modal-body">
Modal body
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" id="saveMerchant">Save changes</button>
</div>
</body>
</html>
Почему-то это не похоже на работу. Вместо загрузки моей формы открывается пустое модальное окно, и сопоставление моего запроса вообще не вызывается. Идея состоит в том, чтобы иметь возможность загружать форму динамически и повторно использовать эту же форму для новых или редактирования.
Примечание: я использую thymeleaf + sbadmin2 bootstrap template + spring mvc