Issue #2030💬 RespondidoAbierto el 23 de mayo de 2019por ohmyvanderReacciones 0

¿Es posible personalizar un bloque que cargue datos desde la base de datos?

Respuesta rápidapor artf

Claro, pero en ese caso, te sugeriría crear un componente personalizado. Aquí un ejemplo/pseudocódigo de cómo activar una función asíncrona para cambiar el contenido del componente '''js editor. DomComponents.addType('my-custom-component', { modelo: { Predeterminados: { Punto final: 'http://A', // algún objeto para el...

Lee la respuesta completa abajo ↓

Pregunta

Por ejemplo, quiero crear un bloque de barra de navegación personalizado y complejo. Dispone de varias zonas de navegación de primer nivel, y cada una de ellas también dispone de varias rutas de segundo nivel. Los datos de la barra de navegación se cargan desde la base de datos. Y cuando lo arrastro al lienzo, puedo modificar propiedades en el rasgo para cambiar la barra de navegación de datos cargada. Además, cuando exporto plantillas, quiero que el código sea solo html, no JS contiene la solicitud ajax, algo como renderizado del lado del servidor.

¿Es posible?

Respuestas (1)

artf29 de mayo de 2019

Claro, pero en ese caso, te sugeriría crear un componente personalizado.

Aquí un ejemplo/pseudocódigo de cómo activar una función asíncrona para cambiar el contenido del componente '''js editor. DomComponents.addType('my-custom-component', { modelo: { Predeterminados: { Punto final: 'http://A', // algún objeto para el rasgo Rasgos: [ { tipo: 'select', Nombre: 'Endpoint', cambioProp: 1, Opciones: [ 'http://A', 'http://B' ], } ] }, init() { this.listenTo(this, 'change:endpoint', this.refreshContent); this.refreshContent(); }, async refreshContent() { const { endpoint } = this.attributes; const response = esperar a obtener(endpoint); ... Sea resultado = ''; // ... Construye el resultado HTML a partir de la respuesta asíncrona ... this.components(resultado); } } });

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.