Question

我正在从事Spring Boot项目，我想将一个简单的id传递给我的模态，该模态只是询问用户他是否确认删除项目，如果他确定我要发送给我的控制器类/ profil / {id} 但是我不明白如何将我的对象ID传递给模态，这是我的第一个Spring Boot项目，我在JS中没有基础...

我的html代码：

             <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
               Rendre disponible
             </button>

             <!-- Modal -->
             <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
               <div class="modal-dialog" role="document">
                 <div class="modal-content">
                   <div class="modal-header">
                     <h5 class="modal-title" id="exampleModalLabel">Rendre disponible</h5>
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                       <span aria-hidden="true">&times;</span>
                     </button>
                   </div>
                   <div class="modal-body">
                     Voulez vous rendre ce topo à son propriétaire ?
                   </div>
                   <div class="modal-footer">
                     <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
                     <button type="button" class="btn btn-primary">Confirmer</button>
                   </div>
                 </div>
               </div>
             </div>
          </div>

感谢您的帮助！

Answer 1

您可以使用th:data将参数传递给模态。

<button type="button" class="btn btn-primary"
    th:data-yourid="id_you_want_to_pass" data-toggle="modal"
    data-target="#exampleModal">Rendre disponible</button>

您可以使用javascript获得此值。模态即将显示时，将触发以下内容。

$('#exampleModal).on('show.bs.modal', function(e) {

    var id= $(e.relatedTarget).data('yourid);    
    //do whatever you want to do with this id

});

如何使用百里香

1 个答案: