How to easily override existing component ?

Question

Por ejemplo, quiero añadir un gestor de eventos con doble clic en el componente de vídeo por defecto para abrir el gestor de recursos. Mi idea básica era obtener la definición de vista del componente de vídeo y añadir 'eventos' + manejador. Por último, vuelve a ponerlo en el componente de vídeo. Desgraciadamente, esta idea fracasó en el primer paso. 'v.View()' me da un error Soy nuevo en este proyecto y apenas conozco Backbone.js. ¿Podrías darme algunas sugerencias, por favor?

Joshmamroud · Accepted Answer

@archerbj aquí tienes una demo de lo que buscas: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.js Quieres asignar la funcionalidad al propio 'tipo de componente' en lugar de buscar todas las instancias de ese componente y añadirlas en algún cambio. Para ello, crea un nuevo 'Tipo de Componente' que extienda el tipo 'vídeo' y luego añade el gestor de eventos 'dblclick' a la vista. Una vez que tienes eso, creas un bloque que use tu nuevo tipo de componente. Aquí tienes documentación sobr...

archerbj · Answer

@archerbj aquí tienes una demostración de lo que buscas: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.jsQuieres asignar la funcionalidad al propio 'tipo de componente' en lugar de intentar encontrar todas las instancias de ese componente y añadirlas en algún cambio. Para ello, crea un nuevo 'Tipo de Componente' que extienda el tipo 'vídeo' y luego añade el gestor de eventos 'dblclick' a la vista. Una vez que tienes eso, creas un bloque que use tu nuevo tipo de componente.Aquí tienes...

abulka · Answer

@Joshmamroud Gracias por ese ejemplo de carrera. El tuyo es el único ejemplo que encuentro de usar la función de 'extender' mencionada en la documentación. Tu ejemplo es muy simple y zen, sin embargo, solo muestra añadir un manejador 'dblclick' al componente de vídeo y no muestra añadir atributos o propiedades o rasgos adicionales del componente. ¿Alguna posibilidad de que puedas explicar eso o dar un ejemplo? Ya que me cuesta entender cómo usar 'extender', como mencioné en el #3060.

How to easily override existing component ?

Pregunta

Respuestas (4)

Preguntas y respuestas relacionadas

Rasgos no mostrados tras recargar el editor para un componente personalizado

Se eliminan las clases css y los identificadores generados automáticamente para cada etiqueta html cambian (Ejemplo: ivj5m-2) tras cada recarga

Interactive component in canvas

Problemas de rendimiento al añadir más de 20 clases a un solo componente

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Introducing Search on GJS.Market

¿Cuánto cuesta construir un creador de páginas SaaS en 2026?

PageKit: la GrapesJS aplicación que tendrías que construir de todas formas

Explorar categorías de plugins