Responder dúvida

Seja o primeiro a responder

Tornar o atributo id dinâmico no componente carregar-mais

JavaScript Geral

No componente carregar-mais.tag o atributo “idBotaoSimples” precisa ser passado flexível, ou seja, o desenvolvedor escolherá o nome desse atributo.

<div class="div-btn-carregar-mais-browser center">
<componente:botao-simples dsTituloBotaoSimples="${mk:getMessageLabel('label.padrao.carregar.mais')}"
idBotaoSimples="btn-carregar-mais-registros" datasetBotaoSimples="data-carregar-mais"
classBotaoSimples="btn-carregar-mais-browser"/>
</div>

Já no arquivo carregar-mais.js, o ID setado no componente será passado através de parâmetro na chamada do módulo _initCarregarMais e recebido pela função anônima getBotaoCarregarMaisRegistros conforme exemplo: getBotaoCarregarMaisRegistros = () => document.getElementById('PARÂMETRO')

 

const getBotaoCarregarMaisRegistros = () => document.getElementById('btn-carregar-mais-registros');

function init(metodoCarregarMais, delegacaoDeEventos){
getBotaoCarregarMaisRegistros() && getFormCarregarMais().id &&
getBotaoCarregarMaisRegistros().addEventListener('click', () =>{
aplicaClickCarregarMaisRegistros(metodoCarregarMais, delegacaoDeEventos);
});
}

export{
init as _initCarregarMais
}

Foto de Lucas O.
Lucas perguntou há 4 anos