21.08.2023, 18:22
Hallo zusammen,
ich versuche dieses Modal https://symfonycasts.com/screencast/stim...te-confirm nach zu bauen. Ich verwende jetzt kein Formular sondern einen Button.
Der dazugehörige Controller "submit_confirm_controller.js sieht so aus:
Das funktioniert auch alles bis auf das Löschen des Datensatzes. Hier bekomme in Webbrowser-Console die Meldung:
wenn ich den Submit-Button des Modals betätige.
Kann mir hier jemand sagen wie sich dieser Fehler beheben lässt?
Viele Grüße
BrotherJ
ich versuche dieses Modal https://symfonycasts.com/screencast/stim...te-confirm nach zu bauen. Ich verwende jetzt kein Formular sondern einen Button.
Code:
<button type="button" data-controller="submit-confirm" data-action="submit-confirm#onSubmit" class="w-100 btn btn-sm btn-outline-danger" data-bs-trigger="hover" data-bs-toggle="popover" data-bs-placement="top" data-bs-title="Vorsicht! Löschen des Datensatzes!" data-bs-content="Hier wird der Datensatz Betriebshaftpflichtversicherung gelöscht!."><a href="/betriebskosten/entfernen/7">Löschen</a></button>
Der dazugehörige Controller "submit_confirm_controller.js sieht so aus:
Code:
import { Controller } from '@hotwired/stimulus';
import Swal from 'sweetalert2';
export default class extends Controller {
onSubmit(event) {
event.preventDefault();
console.log(event);
Swal.fire({
title: 'Sind Sie sicher?',
text: "Sie können dies nicht rückgängig machen!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Ja, löschen Sie es!',
}).then((result) => {
if (result.isConfirmed) {
this.element.submit();
}
})
}
}
Das funktioniert auch alles bis auf das Löschen des Datensatzes. Hier bekomme in Webbrowser-Console die Meldung:
Code:
Uncaught (in promise) TypeError: _this.element.submit is not a function
Kann mir hier jemand sagen wie sich dieser Fehler beheben lässt?
Viele Grüße
BrotherJ