Skip to content
thevpc edited this page Nov 4, 2019 · 6 revisions

Common xmlns imports

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"

>
...
</html>

Widget selectOneMenu

Here is an example of building a selectOneMenu for the entity AppCompany. Note that the value should simply be bound to a reference of type AppCompany (here teacherProfileSettingsCtrl.model.item.company).

<p:selectOneMenu class="form-control vr-form-control" id="company"
      value="#{teacherProfileSettingsCtrl.model.item.company}" 
      converter="#{vr.entityObjConverter('AppCompany')}"
      filter="true" filterMatchMode="contains"
>
<f:selectItems value="#{vr.entitySelectItems('AppCompany',true,false)}"/>
<p:ajax listener="#{teacherProfileSettingsCtrl.onValueChangeChange}" update=":formToUpdate"/>

</p:selectOneMenu>

Widget fileUpload

<p:fileUpload fileUploadListener="#{postWelcomeCtrl.onHandleFileUpload}" mode="advanced" dragDropSupport="true"
                                                                      multiple="true" sizeLimit="10000000" fileLimit="5" allowTypes="/(\.|\/)(gif|jpe?g|png|pdf|zip)$/" 
                                                                      update="attachementsPanel"  cancelLabel="Annuler" uploadLabel="Téléverser" label="Sélectionner"
                                                                      />

Widget autocomplete

<p:autoComplete id="to" inputStyleClass="form-control myStyleForId" styleClass="form-control vr-auto-complete" value="#{postWelcomeCtrl.model.recipients}" completeMethod="#{vr.autoCompleteProfileExpression}"
                                                                        queryDelay="1000" 
                                                                        />
                                                        <p:tooltip id="toolTipFocus" for="@(.myStyleForId)" position="top" escape="false">
                                                            <p>Liste des destinataires séparés par des espaces ou des virgules.</p>
                                                            <H3>Règles</H3>
                                                            <ul>
                                                                <li>Un destinaire est simplement son identifiant (prenom.nom) ou un groupe d'utilisateurs.</li>
                                                                <li>Pour sélectionner les destinataires appartenant à l'un des groupes A ou B, écrivez <strong>A B</strong></li>
                                                                <li>Pour sélectionner les destinataires appartenant aux deux groupes A et B en même temps, écrivez <strong>A+B</strong></li>
                                                                <li>Pour sélectionner les destinataires appartenant au groupe A mais pas au groupe  B, écrivez <strong>A-B</strong></li>
                                                                <li>Chaque classe définit un groupe d'utilisteurs formé par ses élèves et ses enseignants. Pour sélectionner les élèves de la classe IA3 ou IA2 par exemple écrivez <strong>IA3+student IA2+student</strong>. Et pour sélectionner les enseignants de la classe IA3 écrivez <strong>IA3+teacher</strong>
                                                                </li>
                                                                <li>Vous pouvez aussi utiliser les parenthèses pour sélectionner 
                                                                    les élèves de la classe IA3 ou IA2 : <strong>(IA3,IA2)+student</strong>
                                                                </li>
                                                                <li>Bénéficiez de l'<i>auto-complete</i> pour retrouver les destinataires possibles en écrivant une partie du nom recherché</li>
                                                            </ul>

                                                        </p:tooltip>

Widget calendar

<p:calendar  style="margin-left: 5px;margin-top: 5px" inputStyleClass="form-control"
                                             value="#{myBorrowableEquipmentsCtrl.model.fromDate}" />

Clone this wiki locally