Tengo un componente ui:repeat y dentro de ese ui:repeat hay un div que se usa en mi código javascript. Tengo que cambiar dinámicamente esta identificación de división en cada llamada ui:repeat. ¿Cómo puedo hacerlo posible?
Encuentre el siguiente código para su referencia.
Código HTML
<ui:repeat var="id1" value"#{somethingbean.some"} id="repeaterId" varStatus="rowStatus" rendered="somethingbean.some.someisthere"> <fieldset class="mock"> <legend></legend> <div id="idToChange"> ..................................................... ............................................................. </div> </fieldset> </ui:repeat>Código JS
function loadFunction() { let varsome= document.getElementsById('idToChange'); }Esto debería ser posible accediendo a rowStatus.index .
<ui:repeat var="id1" value"#{somethingbean.some"} id="repeaterId" varStatus="rowStatus" rendered="somethingbean.some.someisthere"> <fieldset class="mock"> <legend></legend> <div id="prefix#{rowStatus.index}"> ..................................................... ............................................................. </div> </fieldset> </ui:repeat> <ui:repeat var="id1" value"#{somethingbean.some"} id="repeaterId" varStatus="rowStatus" rendered="somethingbean.some.someisthere"> <fieldset class="mock"> <legend></legend> <input type="checkbox" onclick="(evt)=>handleCheckboxClicked(evt,'prefix#{rowStatus.index}')" /> <div id="prefix#{rowStatus.index}"> ..................................................... ............................................................. </div> </fieldset> </ui:repeat> function handleCheckboxClicked(evt,id){ const div = document.getElementById(id); }