Ampliación de la capa de datos del cliente de Adobe
Creado para:
- Desarrollador
- Administrador
Puede ampliar los componentes principales con opciones de cuadro de diálogo personalizadas que permiten a los autores de contenido introducir información adicional relacionada con la capa de datos.
Para incluir estos campos en la capa de datos proporcionada por los componentes principales, debe ampliar el modelo del componente que implementa sus propios métodos de capa de datos específicos.
Ejemplo: Componente Título
Un componente principal como componente Título extiende Componente, que tiene un método getData
que de forma predeterminada devuelve ComponentData
.
ComponentData
serializa los campos predefinidos que el componente puede implementar, como getDataLayerLinkUrl
y getDataLayerTitle
para TitleImpl
.
Por lo tanto, el modelo Sling personalizado puede tener un método getData
que devuelve un objeto que se extiende ComponentData
para devolver más campos.
Al hacerlo, agregará un atributo data-cmp-data-layer
al elemento HTML de su componente con el JSON de los datos que se rellenarán en la capa de datos. En este punto, puede implementar scripts que escuchen estos datos o eventos relacionados.
Experience Manager
- Introducción a los componentes principales
- Diseño interactivo
- Rutas para alcanzar el éxito
- Biblioteca de componentes
- Versiones
- Introducción
- Los componentes de gestión de contenido web
- Acordeón
- Ruta de navegación
- Botón
- Carrusel
- Contenedor
- Fragmento de contenido
- Lista de fragmentos de contenido
- Descargar
- Incrustar
- Fragmento de experiencias
- Imagen
- Navegación por idiomas
- Lista
- Navegación
- Página
- Visualizador de PDF
- Barra de progreso
- Búsqueda rápida
- Separador
- Compartir en medios sociales
- Tabla de contenido
- Texto
- Pestañas
- Teaser
- Título
- Componentes de formulario
- Componentes v1
- Componentes v2
- Componentes v3
- Componentes de correo electrónico
- Formularios adaptables
- Introducción
- Historial de versiones
- Componentes de formularios adaptables
- Acordeón de Formularios adaptables
- Botón de Formularios adaptables
- Casilla de verificación de Formularios adaptables
- Grupo de casillas de verificación de Formularios adaptables
- Contenedor de formulario adaptable
- Selector de fecha de Formularios adaptables
- Lista desplegable de Formularios adaptables
- Correo electrónico de Formularios adaptables
- Fragmento de formulario de Formularios adaptables
- Archivos adjuntos de Formularios adaptables
- Pestañas verticales de formularios adaptables
- hCaptcha de formularios adaptables
- Pestañas horizontales de Formularios adaptables
- Imagen de Formularios adaptables
- Cuadro numérico de Formularios adaptables
- Panel de Formularios adaptables
- CAPTCHA para formularios adaptables
- Botón de radio de Formularios adaptables
- Botón Restablecer de Formularios adaptables
- Botón de envío de Formularios adaptables
- Cambio de Formularios adaptables
- Teléfono de formularios adaptables
- Texto de Formularios adaptables
- Cuadro de texto de Formularios adaptables
- Título de formulario de Formularios adaptables
- Asistente de Formularios adaptables
- Términos y condiciones del formulario adaptable
- Encabezado
- Pie de página
- Personalizar los componentes principales de los formularios adaptables
- Temáticas y plantillas de muestra
- Desarrollo
- Desarrollo de componentes principales
- Rutas para alcanzar el éxito
- Tutorial para desarrolladores de WKND
- Personalización de componentes principales
- Instrucciones de los componentes
- Compatibilidad con AMP
- Configuraciones según el contexto
- Inclusión de bibliotecas de cliente
- El servlet de imagen adaptable
- Entrega de imágenes optimizadas para la web
- Soporte de recursos remotos
- Capa de datos del cliente de Adobe
- Arquetipo del proyecto AEM