Question

我很困惑。我认为可以将SpringBoot / Thymeleaf对象从html页面传递到Modal表单。我遇到了许多使用ajax代替REST端点提取数据的示例。

使用ajax将对象引入Modals是唯一的方法吗？

Answer 1

Thymeleaf是服务器端的模板语言...模态形式的概念通常意味着在客户端显示/隐藏窗口打开和关闭（意味着当用户单击链接或按钮时运行的JavaScript）。如果您不想使用API提取数据（我认为最有意义），则必须为页面上的每一行创建一个隐藏的模式。例如：

<div th:each="item, i: ${items}">
  <a href="#"
    onClick="openModal(this.getAttribute('data-modal'))"
    th:data-modal="|#modal${i.index}|">
    Edit modal #<span th:text="${i.index}" />
  </a>

  <div th:id="|modal${i.index}|" style="display: none;">
    <p>I am a modal form for element <span th:text="${i.index}" />!</p>
    <input type="text" th:value="${item.value}" />
  </div>
</div>

您可以看到它是如何工作的...为每行创建一个隐藏的div / modal表单（这样就不必调用API来获取表单值），但是它附带了许多额外的HTML。

有什么方法可以将Springboot / Thyleaf对象传递给Modal形式？

1 个答案: