Редактирование строк переключением Bootstrap Modal в Symfony 4 - PullRequest
Новая
       8

Редактирование строк переключением Bootstrap Modal в Symfony 4

0 голосов
/ 27 июня 2018

В настоящее время я работаю над проектом с Symfony 4 и Bootstrap 3 .

На конкретной странице я создаю массив, содержащий одну строку для каждой Контактной сущности, сохраненной в моей базе данных. Создание одного из этих объектов обрабатывается сгенерированной формой Symfony в модале BootStrap. Я хотел бы отредактировать строку (т. Е. Объект), нажав , щелкнув по ней , что приведет к переключению модального режима и заполнению входов данными, связанными с этим контактом, и позволит мне изменить все, что я захочу.

Я знаю, что для этого мне понадобится Ajax, но я немного растерялся, как его реализовать, потому что я новичок: o

Буду очень признателен за любую подсказку, чтобы сделать это! Спасибо:)

1 Ответ

0 голосов
/ 27 июня 2018

С помощью Jquery и 'friendsofsymfony / jsrouting-bundle' вы можете загрузить страницу редактирования во всплывающее окно для этого конкретного идентификатора. 

$('#your-popup').load(Routing.generate('contact_edit_page_route', { id : id }));

Если у вас еще нет страницы редактирования для контакта с этим маршрутом, сначала создайте его. Не забудьте добавить в маршрут параметры = {"expose" = true}, чтобы Jquery мог его найти: 

/*
 * @Route("/contact/edit/{id}", name="contact_edit_page_route", options={"expose"=true})
 * @Method({"GET", "POST"})
 */

Если HTML выглядит так: 

{% for contact in contacts %}
    <a data-id="{{ contact.id }}" class="load-popup">Edit</a><br/>
{% endfor %}

Затем вы можете сделать следующее в javascript: 

$('.load-popup').on('click', function(){
    var thisId = $(this).attr('data-id');
    $('#your-popup').load(Routing.generate('contact_edit_page_route', { id : thisId }));
});
...