Symfony 4 x-editable — обновление

Моя миссия — использовать библиотеку x-editable для начальной загрузки в Symfony 4. После нажатия на поле в таблице появляется "ввод" и значение из поля внутри. У меня возникла проблема с обновлением базы данных. В приведенном ниже коде я делаю обновление базы данных с фиксированным значением «Коралик». Хотелось бы, чтобы обновление со значением из "ввода" шло в базу.

<table id="tab1" class="table table-bordered table-striped table-hover"> 
<thead style="color:blue;">
<tr><th>Imię</th><th>Nazwisko</th></tr>
</thead>

<tbody id="myTable">
{%for kierowca_one in kierowca%}

<tr class="text-success">
<td>{{kierowca_one.Imie}}</td>
<td><span class="myElement" data-type="text" data-pk=" 
{{kierowca_one.id}}" data-url="{{path('app_update', 
{id:kierowca_one.id})}}">{{kierowca_one.Nazwisko}}</span> </td>
</tr>

{%endfor%}
</tboody>
</table>

$('.myElement').editable({ 
 type: "POST",
 emptytext: 'Brak',
 showbuttons: false,
 mode: 'inline',
 //dataType: 'json',
 validate: function(value){
 if($.trim(value) == '')
 {
 return 'This field is required';
 }
 }
}); 

   /**
* @Route("/update/{id}", name="app_update", methods={"GET"})
* @IsGranted("ROLE_USER")
*/
public function updateMethod(EntityManagerInterface $em, $id)
{

        $repository=$em->getRepository(Kierowcy::class);
        $kierowca=$repository->find($id);

        $kierowca->setNazwisko('Kowalik');
        $em->persist($kierowca);
        $em->flush();

        return new Response();

}
3 метода стилизации элементов HTML
3 метода стилизации элементов HTML
Когда дело доходит до применения какого-либо стиля к нашему HTML, существует три подхода: встроенный, внутренний и внешний. Предпочтительным обычно...
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
0
0
337
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

вот мой подход.

js-файл

 $('#s').editable({
    selector: '.js-editable',
    url: urlUpdateTopic,
    params:function(params){
        params.pk = $(this).closest('tr').data('id');
        return params;
    },
    success: function(value, response) {
        if(response){
            $(this).html(value);
        }
    },
    error: function(response) {
        if(response.status === 500) {
            console.log('Service unavailable. Please try later.');
        } else {
            console.log(response.responseText);
        }
    },
    type: 'text',
    pk: 1,
    mode: 'inline',
    showbuttons: false,
    toggle: 'dblclick',
    onblur: "submit",
    clear: false,
    emptytext: ''
});

вот контроллер

public function updateTopicAction(Request $request)
{
    $id = $request->request->get('pk');
    $value = $request->request->get('value');
}

также вы можете увидеть хороший пример здесь Отправка данных через Ajax в X-Editable

Другие вопросы по теме