Отправить значение с одной кнопки на экспресс-руль кнопки? - PullRequest
Новая
       9

Отправить значение с одной кнопки на экспресс-руль кнопки?

0 голосов
/ 07 октября 2018

Я показываю некоторые динамические значения в таблице.в таблице в каждой строке есть кнопка удаления (кнопка «Предположим, A»).Если нажать кнопку удаления (кнопка A), откройте модальное окно для подтверждения удаления, и там есть кнопка подтверждения (кнопка B).С кнопки подтверждения я вызываю API для удаления объекта с идентификатором объекта.

Теперь у меня есть идентификатор на кнопке A, и я отправляю запрос с кнопки B. Как я могу отправить идентификатор с кнопки Aна кнопку B.

кнопка A: 

<td>
    <button data-toggle="modal" value =  {{this.id}} data-target="#myModal">
        <i class="fa fa-trash-o" aria-hidden="true"></i>
    </button>
</td>

модальный С кнопкой B: 

<div class="modal fade" id="myModal" role="dialog">
                <div class="modal-dialog">

                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title">Confirm Delete</h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                        <div class="modal-header">
                            Are you sure you want to delete the entry?
                        </div>
                        <div class="modal-footer">
                            <a href="/admin/dashbord/category/[id will be here ]/delete" class="btn btn-danger">yes</a>
                        </div>
                    </div>

                </div>
            </div>

Я дал {{this.id}} on the url кнопки B, но это всегдаудаление элемента top or last?

1 Ответ

0 голосов
/ 07 октября 2018

добавьте класс (пример .delete) к кнопке, 

<button data-toggle="modal" value ={{this.id}} class="delete" data-target="#myModal">
        <i class="fa fa-trash-o" aria-hidden="true">delete</i>
    </button>

, затем добавьте класс в ссылку для подтверждения (пример .yes): 

<a href="/admin/dashbord/category/[id will be here ]/delete" class="btn btn-danger yes">yes</a>

, затем нажмите onclickсобытие на кнопке и получите значение кнопки и вставьте его в атрибут href: 

$(document).on("click", ".delete", function () {
     var value = $(this).val();
  console.log("value : ", $(this).val())

   $(".modal-dialog .yes").attr("href","/admin/dashbord/category/"+value+"/delete");
});

см. codepen

...