Resultados da pesquisa a pedido "custom-element"
Crie um elemento personalizado com diferentes subtipos
No momento, estou implementando um elemento da tabela de dados usando elementos personalizados (componentes da web). A tabela pode ter diferentes tipos de células (texto, número, data etc.) usadas para renderizar cada linha. Por ...
Adicionando CodeMirror ao Shadow Dom do elemento personalizado?
Gostaria de criar dinamicamente uma instância CodeMirror dentro de um elemento personalizado e tê-lo ao vivo no DOM da sombra do elemento. Por exemplo: <code-mirror>foo</code-mirror> <script> window.customElements.define('code-mirror', class ...
Repetidor de elemento personalizado de baunilha para <opção>, <li>, <td>
Atualmente, estou tentando implementar um repetidorWebComponent permitir à empresa criar facilmente front-end sem depender de nenhumframework (decisão tomada pela arquitetura). Aqui está o meu código atual: <ul> <company-repeat datas='[{"name": ...
Os Web Components são realmente utilizáveis no IE11 e no Edge?
Os Web Components são a novidade, e um verdadeiro padrão da Web, todo mundo está falando sobre eles e presumivelmente usando-os, e eles pareciam a solução perfeita para um problema que temos (compartilhamento de componentes em sites muito ...
Criando uma linha de tabela personalizada
Estou tentando criar uma linha de tabela personalizada, mas tenho dificuldade em fazê-la se comportar corretamente. Eu tentei os dois métodos abaixo e eles dão resultados bizarros. Sei que isso é muito fácil sem elementos personalizados, mas este ...
webcomponents - ocultar o menu suspenso em window.onclick
O menu suspenso é criado no shadowDOM quase perfeito, mas o problema é como ocultar o menu suspenso ao clicar em qualquer outro lugar na janela class NavComponent extends HTMLElement { constructor() { super(); let template ...
Como você desacopla os componentes da Web?
Estou tentando trabalhar sem estrutura, com componentes da Web javascript puro. Quero que meus Web Components sejam capazes de trabalhar autônomos e sejam usados em sites diferentes, mas também quero que dois componentes sejam capazes de se ...
Criando elemento customizado sem usar a palavra-chave da classe
Na verdade, essa é mais uma pergunta sobre o modelo de orientação a objetos no ES6. No entanto, vou usar a criação de um novo elemento personalizado como exemplo. Portanto, o método novo e brilhante (a partir de hoje) para criar um novo elemento ...
Elementos personalizados do HTML5 ES6 que estendem HTMLTextAreaElement travam construtor ilegal
Eu preciso estender um elemento personalizado de HTMLTextAreaElement para usar em um formulário e buscar valor diretamente. mas eu sempre recebo mensagem de construtor ilegal HTML: <!DOCTYPE html> <html> <head> </head> <body> ...
Vários elementos angulares de diferentes scripts
É possível usarElementos angulares [https://angular.io/guide/elements]gerado a partir de diferentes scri, pts? Eu tenho 2 projetos widget do tempo e widget de relógio que gera seu próprio script (incluindo todos os necessários). Quando eu uso ...