Resultados de la búsqueda a petición "custom-element"
¿Cuál es el punto de la sintaxis "es" cuando se extienden elementos en componentes web?
En componentes web, para registrar un elemento simplemente escriba: var XFoo = document.registerElement('x-foo', { prototype: Object.create(HTMLElement.prototype) });Para crear un elemento, puede hacer uno de estos: <x-foo></x-foo> var xFoo = ...
Crear una fila de tabla personalizada
Estoy tratando de crear una fila de tabla personalizada, pero tengo dificultades para que se comporte correctamente. He probado los dos métodos siguientes y dan resultados extraños. Me doy cuenta de que esto es muy fácil sin ...
Crear un elemento personalizado sin usar la palabra clave class
En realidad, esta es más una pregunta sobre el modelo de orientación a objetos en ES6. Sin embargo, voy a utilizar la creación de un nuevo elemento personalizado como ejemplo. Entonces, el método nuevo y brillante (a partir de hoy) para crear un ...
¿Cómo puedo crear un componente web que actúe como un elemento de formulario?
Estoy tratando de crear un componente web que se pueda usar específicamente en un elemento de formulario, que tenga unnamey unvalue. Reconozco que puedo crear un componente web queextendsunHTMLInputElement: <input is="very-extended">pero estoy ...
¿Por qué los elementos personalizados no admiten atributos como un objeto?
Estoy tratando de pasar el atributo de datos en un elemento personalizado como un objeto, pero mientras recibo dentro del método adjuntoCallback obtengo el valor "[objeto objeto]" en forma de cadena. Entonces, ¿alguien puede ayudarme a descubrir ...
¿Cómo dejar que los CSS importados tengan efectos en los elementos de la sombra dom?
Decir si quiero crear un elemento personalizado usando shadow dom. Algunos elementos de la plantilla tienen nombres de clase especificados en el archivo css vinculado. Ahora quiero dejar que las reglas CSS tengan efectos en los elementos. Pero no ...
Extendiendo <opción>
Estoy tratando de extender elHTMLOptionElement, <template id="cOptionTemplate"> <content></content> </template> <select> <option is="custom-option">Test</option> </select> var cOption = document.registerElement('custom-option', { ...
Polyfill de componentes web de importación HTML no funciona en Firefox
Estoy probando componentes web en una aplicación de muestra. Dado que algunas de las especificaciones no están incluidas en algunos navegadores, intenté usar polyfill para esos. En Mozilla firefox, probé habilitando la ...
Crear un elemento personalizado con diferentes subtipos
Actualmente estoy implementando un elemento de tabla de datos utilizando elementos personalizados (componentes web). La tabla puede tener diferentes tipos de celdas (texto, número, fecha, etc.) que se utilizan para representar cada ...
¿Hay algún entorno que implemente la nueva especificación de elementos personalizados?
Se ha lanzado una nueva versión de los elementos personalizados en algún momento en el pasado (no estoy seguro de cuándo, ya que no he usado directamente las especificaciones durante un tiempo). ¿Hay algún polyfill o entorno que implemente la ...