【问题标题】:how to pass a value using thymeleaf to data of bootstrap?如何使用 thymeleaf 将值传递给引导数据?
【发布时间】:2017-11-29 15:25:31
【问题描述】:

我想使用 Thymeleaf 将值传递给来自 Bootstrap 的数据。

我不知道该怎么做。你能帮帮我吗?

<tr th:each="car : ${lCars}" class="succes">
  <td th:text="${car.id}"></td>
  <td th:text="${car.name}"></td>
  <td align="center">

    <button type="button" class="btn btn-primary"
      data-toggle="modal" data-target="#editar" title="Edit"
      data-id= "th:text="${car.id}""    <!-- I want to pass this value on to the data, but this way doesn't work -->
      data-name="myCar" <!-- If I send a simple word, works well -->

      <span class="glyphicon glyphicon-pencil"></span> Edit
    </button>
  </td>
</tr>

【问题讨论】:

    标签: java thymeleaf bootstrap-grid


    【解决方案1】:

    以下行没有意义: data-id="th:text="${car.id}""

    1. th:text 的目的是修改元素的正文(在本例中为按钮元素)。您正在尝试设置属性值。
    2. 如果您希望 thymeleaf 修改 data-id 之类的数据属性,则需要改为 th:attr

    那一行应该写成这样:

    data-id="" th:attr="data-id=${car.id}"
    

    如果您希望 data-id 具有一些默认值,例如“example-id”,请执行以下操作:

    data-id="example-id" th:attr="data-id=${car.id}"
    

    【讨论】:

    • 感谢您的回答。如果我想向同一个按钮添加另一个属性,我应该怎么做? data-id="" th:attr="data-id=${car.id}" 例子:data-name="" th:attr="data-name=${car.name}" 因为它运作良好有一个属性,但是当我添加其他数据时我遇到了问题,因为第一个属性被分配给了按钮我希望你能帮助我
    • 为了解决这个问题,我使用了:th:attr="data-id=${car.id},data-name=${car.name}"
    • 玲子,你是老板给了我用逗号列出它们的想法!谢谢
    猜你喜欢
    • 2023-03-18
    • 2016-07-05
    • 2019-09-03
    • 2013-07-21
    • 1970-01-01
    • 1970-01-01
    • 2017-05-20
    • 2020-10-29
    • 2016-01-22
    相关资源
    最近更新 更多