使用JS脚本的Thymeleaf onclick属性在Spring中不起作用

时间:2018-04-10 12:59:40

标签: javascript spring function thymeleaf

我有一个通过以下方式生成的表:

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet" /> <div class="table-responsive"> <table class="table table-hover table-striped" id="materials-table"> <thead> <th>ID</th> <th>Descritivo</th> <th>Qtd</th> <th></th> <th>Min</th> <th>Media <br> P/Instalação</th> <th>Fornecedor <br> Habitual</th> <th>Ultimo Preço</th> <th></th> </thead> <tbody> <tr> <td>1</td> <td>CALHA METALICA EM U 4x4x4</td> <td> <input type="text" size="1" value="20" class="stock-update"><span> (m)</span> </td> <td> <a href=""><i class="fa fas fa-edit" style="font-size:1.5em; color:blue; padding-top:4px"></i></a></td> <td>30 <span>(m)</span> <td>5 <span>(m)</span></td> <td>Gavedra</td> <td>14€ <span>p/(m)</span></td> <td><a href=""><i class="fa fas fa-cogs" style="font-size:2em; color:blue"></i></a></td> </tr> </tbody> </table> </div>

我在<tr *some other th tags* th:onclick="'javascript:openPoolModal(\''+ ${networkHashrate.id} + '\');'">

中有openPoolModal个功能

我在使用该函数的static/js/openPoolModal.js文件头中添加了<script type="text/javascript" src="../js/openPoolModal.js"></script>

该功能如下所示:

.html

我错过了什么?

1 个答案:

答案 0 :(得分:0)

我认为这是一个目录问题。您通过从html文件中调用此脚本来包含js文件:

<script type="text/javascript" src="../js/openPoolModal.js"></script>

但是如果您的html文件位于目录resources/templates/中,则此脚本会尝试调用{J}文件所在的resources/js/openPoolModel.js

将js函数直接添加到名为函数的html文件中,因此您的脚本和目录是错误的。