I use a datatable.
I want to recover this datatable in javascript.
I tried with "getElementById", but I get null.
Please, can you help me ?
Thank you very much.
Version info :
PF 6.1.2
JSF 2.2
My code :
Code: Select all
<script type="text/javascript">
function go()
{
alert(document.getElementById("idRefCollectivite"));
}
</script>Code: Select all
<p:commandButton value="GO" type="button" onclick="go()"/>Code: Select all
<p:dataTable id="idRefCollectivite" widgetVar="widgetRefCollectivite" var="ligne" tableStyle="table-layout: auto" class="tableauStyle"
value="#{administrationCollectiviteManagerBean.listeRefCollectivite}"
rowKey="#{ligne.idPk}"
selection="#{administrationCollectiviteManagerBean.collectiviteSelectionnee}"
resizableColumns="true"
liveResize="true"
selectionMode="single"
nullSortOrder="-1"
paginator="true"
paginatorPosition="bottom"
paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
emptyMessage="Aucun enregistrement trouvé">
<p:ajax event="contextMenu" listener="#{administrationCollectiviteManagerBean.rechercherColonne()}" update="idPictos :form:idRefUtilisateur"/>
<p:ajax event="rowSelect" update="idPictos :form:idRefUtilisateur"/>
<p:ajax event="rowUnselect" update="idPictos :form:idRefUtilisateur"/>
<p:ajax event="page" onstart="PF('widgetPatienter').block()" oncomplete="PF('widgetPatienter').unblock()"/>
<p:ajax event="sort" onstart="PF('widgetPatienter').block()" oncomplete="PF('widgetPatienter').unblock()"/>
<f:facet name="header">
<h:outputLabel value="Collectivités" class="gris"/>
<p:fragment id="idPictos">
<div class="tableauPicto">
<p:commandLink actionListener="#{administrationCollectiviteManagerBean.initialiserCollectivite()}"
oncomplete="PF('widgetCollectivite').show()"
update=":form:idCollectivite">
<p:graphicImage id="idPictoCreer" value="images/Creer.png" class="tableauPictoMarge"/>
<pe:tooltip value="Ajouter" for="idPictoCreer" myPosition="bottom left" atPosition="top right" styleClass="infoBulle"/>
</p:commandLink>
<p:commandLink rendered="#{administrationCollectiviteManagerBean.collectiviteSelectionnee != null}"
action="#{administrationCollectiviteManagerBean.modifierCollectivite()}"
oncomplete="PF('widgetCollectivite').show()"
update=":form:idCollectivite">
<p:graphicImage id="idPictoModifier" value="images/Editer.png" class="tableauPictoMarge"/>
<pe:tooltip value="Modifier" for="idPictoModifier" myPosition="bottom left" atPosition="top right" styleClass="infoBulle"/>
</p:commandLink>
<p:commandLink rendered="#{administrationCollectiviteManagerBean.collectiviteSelectionnee != null}">
<p:ajax oncomplete="PF('widgetMessageSupprimerCollectivite').show()"
update=":form:idMessageSupprimerCollectivite"/>
<p:graphicImage id="idPictoSupprimer" value="images/Poubelle.png" class="tableauPictoMarge"/>
<pe:tooltip value="Supprimer" for="idPictoSupprimer" myPosition="bottom left" atPosition="top right" styleClass="infoBulle"/>
</p:commandLink>
</div>
</p:fragment>
</f:facet>
<p:columns value="#{administrationCollectiviteManagerBean.listeColonne}" var="colonne" columnIndexVar="iColonne" class="tableauContour"
headerText="#{colonne}"
sortBy="#{administrationCollectiviteManagerBean.trierTableau(ligne, colonne)}">
<p:commandLink>
<p:ajax listener="#{administrationCollectiviteManagerBean.modifierCollectivite(ligne)}"
oncomplete="PF('widgetCollectivite').show()"
update=":form:idCollectivite"/>
<h:outputText id="idValeurColonne" value="#{empty administrationCollectiviteManagerBean.rechercherValeurColonne(ligne, colonne) ? ' ' : administrationCollectiviteManagerBean.rechercherValeurColonne(ligne, colonne)}" class="texteGris"/>
<pe:tooltip value="Modifier" for="idValeurColonne" myPosition="bottom left" atPosition="top right" styleClass="infoBulle"/>
</p:commandLink>
<p:graphicImage id="idImage" class="tableauNote"
value="images/PostIt#{noteManagerBean.rechercherNoteTableauCouleur(ligne.idPk, iColonne)}.png"
rendered="#{not empty noteManagerBean.rechercherNoteTableau(ligne.idPk, iColonne)}"/>
<pe:tooltip for="idImage" value="#{noteManagerBean.noteInfoBulle(null, ligne.idPk, iColonne)}" myPosition="left bottom" atPosition="right top" styleClass="infoBulle infoBulleNote"/>
</p:columns>
<f:facet name="footer">
<div class="tableauFooter">
<h:outputText value="#{administrationCollectiviteManagerBean.listeRefCollectivite.size()}"/>
<h:outputText value="#{administrationCollectiviteManagerBean.listeRefCollectivite.size() lt '2' ? 'collectivité' : 'collectivités'}" class="tableauFooterMarge"/>
</div>
</f:facet>
</p:dataTable>
</div>
<p:contextMenu for="idRefCollectivite" beforeShow="noteMenuContextuelPosition()">
<p:menuitem value="#{empty noteManagerBean.rechercherNoteTableau(
administrationCollectiviteManagerBean.collectiviteSelectionnee.idPk,
administrationCollectiviteManagerBean.collectiviteSelectionneeColonne) ? 'Ajouter une note' : 'Modifier la note'}"
actionListener="#{noteManagerBean.afficherNoteTableau(
'T',
administrationCollectiviteManagerBean.collectiviteSelectionnee.idPk,
administrationCollectiviteManagerBean.collectiviteSelectionneeColonne)}"
oncomplete="PF('widgetNoteDialog').show()"
update=":form:idDialogNote"/>
</p:contextMenu>
<div class="tableau effetFade" style="position: absolute; right: 1%; left: 40.5%">
<p:dataTable id="idRefUtilisateur" widgetVar="widgetRefUtilisateur" var="utilisateur" class="tableauStyle"
value="#{administrationCollectiviteManagerBean.collectiviteSelectionnee.listeRefUtilisateur}"
rowKey="#{utilisateur.idPk}"
selection="#{administrationCollectiviteManagerBean.utilisateurSelectionne}"
resizableColumns="true"
liveResize="true"
selectionMode="single"
nullSortOrder="-1"
paginator="true"
paginatorPosition="bottom"
paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
rows="#{accueilManagerBean.tableauLignes}"
emptyMessage="Aucun enregistrement trouvé">
<p:ajax event="rowSelect" update="idPictos"/>
<p:ajax event="rowUnselect" update="idPictos"/>
<f:facet name="header">
<h:outputLabel value="Utilisateurs" class="gris"/>
<p:fragment id="idPictos">
<div class="tableauPicto">
<p:commandLink rendered="#{administrationCollectiviteManagerBean.collectiviteSelectionnee != null}">
<p:graphicImage id="idPictoCreer" value="images/Creer.png" class="tableauPictoMarge"/>
<pe:tooltip value="Ajouter" for="idPictoCreer" myPosition="bottom left" atPosition="top right" styleClass="infoBulle"/>
<p:ajax listener="#{administrationCollectiviteManagerBean.initialiserUtilisateur()}"
oncomplete="PF('widgetUtilisateur').show()"
update=":form:idUtilisateur"/>
</p:commandLink>
<p:commandLink rendered="#{administrationCollectiviteManagerBean.utilisateurSelectionne != null}"
action="#{administrationCollectiviteManagerBean.modifierUtilisateur()}"
oncomplete="PF('widgetUtilisateur').show()"
update=":form:idUtilisateur">
<p:graphicImage id="idPictoModifier" value="images/Editer.png" class="tableauPictoMarge"/>
<pe:tooltip value="Modifier" for="idPictoModifier" myPosition="bottom left" atPosition="top right" styleClass="infoBulle"/>
</p:commandLink>
<p:commandLink rendered="#{administrationCollectiviteManagerBean.utilisateurSelectionne != null}">
<p:ajax oncomplete="PF('widgetMessageSupprimerUtilisateur').show()"
update=":form:idMessageSupprimerUtilisateur"/>
<p:graphicImage id="idPictoSupprimer" value="images/Poubelle.png" class="tableauPictoMarge"/>
<pe:tooltip value="Supprimer" for="idPictoSupprimer" myPosition="bottom left" atPosition="top right" styleClass="infoBulle"/>
</p:commandLink>
</div>
</p:fragment>
</f:facet>
<p:column headerText="Code" sortBy="#{utilisateur.code}" class="tableauContour">
<h:outputText value="#{utilisateur.code}" class="texteGris" style="white-space: nowrap"/>
</p:column>
<p:column headerText="Nom" sortBy="#{utilisateur.nom}" class="tableauContour">
<p:commandLink>
<p:ajax listener="#{administrationCollectiviteManagerBean.modifierUtilisateur(utilisateur)}"
oncomplete="PF('widgetUtilisateur').show()"
update=":form:idUtilisateur"/>
<h:outputText id="idNom" value="#{utilisateur.nom}" class="texteGris" style="white-space: nowrap"/>
<pe:tooltip value="Modifier" for="idNom" myPosition="bottom right" atPosition="top left" styleClass="infoBulle"/>
</p:commandLink>
</p:column>
<p:column headerText="Prénom" sortBy="#{utilisateur.prenom}" class="tableauContour">
<h:outputText value="#{utilisateur.prenom}" class="texteGris" style="white-space: nowrap"/>
</p:column>
<p:column headerText="Sexe" sortBy="#{utilisateur.sexe}" class="tableauContour" width="44" style="text-align: center">
<h:outputText value="#{utilisateur.sexe}" class="texteGris"/>
</p:column>
<p:column headerText="Fonction" sortBy="#{utilisateur.fonction}" class="tableauContour">
<h:outputText value="#{utilisateur.fonction}" class="texteGris" style="white-space: nowrap"/>
</p:column>
<p:column headerText="Type" sortBy="#{utilisateur.type}" class="tableauContour">
<h:outputText value="#{administrationCollectiviteManagerBean.refUtilisateurFacade.initialiserTypeLibelle(utilisateur.type)}" class="texteGris"/>
</p:column>
<f:facet name="footer">
<div class="tableauFooter">
<h:outputText value="0 utilisateur"
rendered="#{administrationCollectiviteManagerBean.collectiviteSelectionnee.listeRefUtilisateur.size() == null}"/>
<h:outputText value="#{administrationCollectiviteManagerBean.collectiviteSelectionnee.listeRefUtilisateur.size()}"
rendered="#{administrationCollectiviteManagerBean.collectiviteSelectionnee.listeRefUtilisateur.size() != null}"/>
<h:outputText value="#{administrationCollectiviteManagerBean.collectiviteSelectionnee.listeRefUtilisateur.size() lt '2' ? 'utilisateur' : 'utilisateurs'}" class="tableauFooterMarge"
rendered="#{administrationCollectiviteManagerBean.collectiviteSelectionnee.listeRefUtilisateur.size() != null}"/>
</div>
</f:facet>
</p:dataTable>