2017-04-01 11 views
1

Ich bin neu in Thymoleaf und ich versuche ID für tr zu erstellen und dynamische Zeilen zu bekommen.Thymeleaf- Erstellen dynamische ID für Tabellenzeile

Erfolgreich Tabellenzeilen, aber ich weiß nicht heiß ID für jede Zeile in thymeleaf zu erstellen.

<table class="table table-hover" id="table"> 
       <thead style="background-color:#CCE5FF"> 
       <tr> 
        <th>ID</th>      
        <th>Code</th>     
        <th>Created Date</th>    
        <th></th> 
       </tr> 
       </thead> 
       <tbody> 
       <tr th:each="emp,iterStat : ${empList}"> 
        <td th:text="${emp.id}">ID</td> 
        <td th:text="${emp.mdrcode}">Code</td> 
        <td th:text="${emp.createDate}">Created Date</td>      
        <td><a id="editview" class="btn btn-sm btn-default" th:href="@{/}"><i class="fa fa-edit"></i> View</a></td> 
       </tr> 
       </tbody> 
       </table> 

Antwort

1

Sie können th:id dafür verwenden.

<!-- this would assign the emp.id to the id attribute of the tr. 
<tr th:id="${emp.id}" th:each="emp,iterStat : ${empList}"> 
    <td th:text="${emp.id}">ID</td> 
    <td th:text="${emp.mdrcode}">Code</td> 
    <td th:text="${emp.createDate}">Created Date</td> 
    <td><a id="editview" class="btn btn-sm btn-default" th:href="@{/}"><i class="fa fa-edit"></i> View</a></td> 
</tr> 

Wir können auch einen Text an die ID:

<!-- this would assign someText + emp.id to the id attribute of the tr. 
<tr th:id="'someText__${emp.id}__'" th:each="emp,iterStat : ${empList}"> 
    <td th:text="${emp.id}">ID</td> 
    <td th:text="${emp.mdrcode}">Code</td> 
    <td th:text="${emp.createDate}">Created Date</td> 
    <td><a id="editview" class="btn btn-sm btn-default" th:href="@{/}"><i class="fa fa-edit"></i> View</a></td> 
</tr> 
+0

Danke, es funktioniert gut. Aber jede Möglichkeit, dies anzuzeigen, ist in der Alarmbox mit jquery? – Durga

+0

können Sie diesen tr-Tags eine Klasse hinzufügen, ihnen einen click-Listener hinzufügen und die ID mit '.attr ('id')' abrufen –

Verwandte Themen