Cómo añadir un botón dentro del modal por defecto y capturar su evento de clic

Question

Quiero un formulario dentro de un modal (usando el modal por defecto), al hacer clic en el botón de enviar hacer una llamada ajax. He creado un nuevo componente que activa un modal al arrastrar y soltar.Puedo insertar el formulario en el modal Se ve así: <img width="1001" alt="Captura de pantalla 2019-07-11 a las 10:22 17 AM" src="https://user-images.githubusercontent.com/36627122/61023023-cf1a4180-a3c5-11e9-8fcb-3da790ff9d61.png">pero no sé cómo rastrear el clic del botón de enviar. Probé a es...

giorgiosjames · Accepted Answer

Eliminar el formulario y simplemente usar javascript para crear/interactuar con el contenido modal funciona bien. 'modal.setContent()' para añadir el botón y 'myButton.onclick = () => {}' para capturar su evento de clic. Aquí tienes un ejemplo de código: '''es6 función openModal() { const pfx = editor.getConfig().stylePrefijo; const modal = editor. modal; contenedor const = document.createElement('div'); const inputHtml = '

URL

artf · Answer

La cuestión aquí es que 'content' acepta nodos HTML (no solo cadenas de HTML), así que puedes tener cualquier HTMLElement con cualquier evento adjunto (formularios con envíos, botones con clics, etc.), por lo que el enfoque propuesto es totalmente válido (gracias @giorgiosjames).

AkibDeraiya123 · Answer

@giorgiosjames Gracias, tío, esto (https://github.com/artf/grapesjs/issues/2129#issuecomment-510734779) es un trabajo de maravilla en mi caso. Tu respuesta me ahorra mucho tiempo :)

Cómo añadir un botón dentro del modal por defecto y capturar su evento de clic

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Cambiar o añadir evento en añadir componente desde bloque

Activa el RTE por defecto con una función personalizada

¿Cómo actualizar atributos o propiedades dinámicamente desde Component Script?

Cómo eliminar un enlace del texto (eliminar un enlace)

Plugins de pago que cumplen con este problema

Explorar categorías de plugins