как передать конкретный идентификатор в Bootstrap Modal с помощью переключателя - PullRequest
Новая
       5

как передать конкретный идентификатор в Bootstrap Modal с помощью переключателя

0 голосов
/ 27 сентября 2018

как передать конкретный идентификатор в Bootstrap Modal с помощью переключателя 

<%= link_to ' Reject', '#myModal', 'data-toggle' => 'modal',class: "btn btn-danger btn btn-primary btn-sm",:id =>applyleave.id %>  </td

<div class="modal-body">

<%= text_field_tag :adminreason,:id =>applyleave.id %>

</div>

1 Ответ

0 голосов
/ 29 сентября 2018

нам нужно добавить attirbute data-id в вашу кнопку, как показано ниже, 

<button type="button" data-toggle="modal" data-target="##myModal" data-id="jawa">Delete</button>

Эта функция JS будет вызываться перед открытием модального окна boostrap.И в этой функции мы можем получить значение атрибута data-id, а затем написать код, основанный на получении значения.См. Приведенный ниже код, 

<script type="text/javascript">
    $('#myModal').on('show.bs.modal', function(event) {
        var userName = $(event.relatedTarget).data('id');
        $("#modalText").html("You are going to be deleted" + userName);
    });
</script>

Это код модального окна, 

<div id="myModal" class="modal fade" role="dialog" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">   
                <h4 class="modal-title" id="cancelModal">Google Map</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div id="modalText"></div>
            </div>
            <div class="modal-footer">
                <a href="" target="_blank" id="mapLink">Open in new tab</a>
            </div>
        </div>
    </div>
</div>

Надеюсь, это поможет вам.

...