Wie fügt man einen Button im Standard-Modal an und erkennt sein Klick-Event
Das Formular wegzulassen und nur JavaScript zu verwenden, um die modalen Inhalte zu erstellen/mit ihnen zu interagieren, funktioniert gut. 'modal.setContent()' zum Anhängen des Buttons und 'myButton.onclick = () => {}', um das Klickereignis abzufangen. Hier ist ein Beispielcode: '''es6 Funktion openModal() { const pfx...
Lesen Sie die vollständige Antwort unten ↓Frage
Ich möchte ein Formular innerhalb eines Modals (mit dem Standard-Modal), mit einem Klick auf den Absenden-Button einen AJAX-Anruf tätigen. Ich habe eine neue Komponente erstellt, die ein Modal per Drag & Drop öffnet.Ich kann das Formular im Modal einfügen Es sieht so aus: <img width="1001" alt="Screenshot 2019-07-11 um 10:22:17 Uhr" src="https://user-images.githubusercontent.com/36627122/61023023-cf1a4180-a3c5-11e9-8fcb-3da790ff9d61.png">aber ich weiß nicht, wie man den Klick auf den Absenden-Button verfolgt. Ich habe versucht, OnSubmit() in einem Skript zu schreiben und den modalen Inhalt hi...
Antworten (3)
Das Formular wegzulassen und nur JavaScript zu verwenden, um die modalen Inhalte zu erstellen/mit ihnen zu interagieren, funktioniert gut. 'modal.setContent()' zum Anhängen des Buttons und 'myButton.onclick = () => {}', um das Klickereignis abzufangen. Hier ist ein Beispielcode: '''es6 Funktion ope...
Der Punkt ist, dass 'Inhalt' HTML-Knoten akzeptiert (nicht nur HTML-Zeichenketten), sodass man jedes HTMLElement mit jedem angehängten Ereignis (Formulare mit Einreichungen, Buttons mit Klicks usw.) haben kann, sodass der vorgeschlagene Ansatz völlig gültig ist (danke @giorgiosjames).
@giorgiosjames Danke, Mann, das funktioniert bei mir https://github.com/artf/grapesjs/issues/2129#issuecomment-510734779 wie am Schnürchen.
Deine Antwort spart mir viel Zeit :)
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #1507
Wie man einen benutzerdefinierten Button mit benutzerdefiniertem Befehl im Standardpanel von grapesjs hinzufügt
Ich habe Grapesjs mit Angular6 integriert. Und ich bekomme ein Standardpanel mit einem Auswahlfeld oben auf dem Bildschirm; Ich möchte eine...
Problem #2510
Wie fügt man einen Link zu einem Bild hinzu?
Hallo, kurze Frage. Ich habe ein Bild und möchte nur einen Link hinzufügen. Mit dem Modell, was ist der einfachste Weg, einen Link zum Bild...
Problem #3626
Wie stellt man den SRC des Videotags auf dynamisch ein?
Hallo @artf, Hallo, ich habe das Drag-and-Drop-Video-Tag und den Button aus dem Blockmanager. Beim Klicken muss ich die URL auf src ändern....
Problem #2089
Wie man Blockinhalte basierend auf der Änderung des Trait-Werts neu lädt
Ich habe einen neuen Block mit einem Merkmalswert hinzugefügt und möchte diesen Merkmalswert mit dem Ajax-Call weitergeben. Außerdem sollte...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen für kostenpflichtige Plugins...
Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins →Premium-Plugins werden mit Support, regelmäßigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins →Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.