2010-08-19 5 views
1

Je construis un petit site en ce moment et maintenant je suis confronté à un problème: le client veut que son élément de forme ait l'air «fantaisie», nous devons donc garder le design. J'ai googlé jqTransform qui correspond entièrement à mes besoins. Maintenant: J'utilise seam et richfaces pour construire des pages. Je dois appliquer jqTransform sur mes formulaires mais j'ai plusieurs sélections qui remplissent d'autres sélections cela force un reRender sur mes éléments de formulaire qui ne sont malheureusement plus dans un style «fantaisie». Existe-t-il un moyen d'appliquer de nouveau le plugin jquery à mes composants?JSF, jQuery Plugin et formulaires de fantaisie

de préciser ici est l'un de mes xhtmls

<ui:define name="body"> 
     <h:form id="nextForm"> 
     <rich:panel > 
      <f:facet name="header">Profil</f:facet> 
      <a:outputPanel id="profilPanel"> 
      <s:decorate id="techTypeField" template="layout/edit.xhtml"> 
        <ui:define name="label">Chosse Tech</ui:define> 
         <h:selectOneRadio id="techTypeCheckbox" value="#{Profil.technologyType}" required="true" immediate="true"> 
          <s:selectItems value="#{Profil.technologyTypes}" var="elem" label="#{elem.name}" id="typeId"/> 
          <s:convertEntity/> 
          <a:support event="onchange" reRender="profilPanel" ajaxSingle="true"/> 
         </h:selectOneRadio> 
       </s:decorate> 
       <s:decorate id="productLineField" template="layout/edit.xhtml" rendered="#{Profil.technologyType.productLines.size > 0}"> 
        <ui:define name="label">Choose Product</ui:define> 
         <h:selectOneMenu id="productLinesCheckbox" value="#{Profil.productLine}" required="true" immediate="true" styleClass="dropdown"> 
          <s:selectItems value="#{Profil.technologyType.productLines}" var="productLine" label="#{productLine.id.id}" id="productlineId" noSelectionLabel="Choose"/> 
          <s:convertEntity/> 
          <a:support event="onchange" reRender="profilPanel" ajaxSingle="true" /> 
         </h:selectOneMenu> 
       </s:decorate> 
      <s:decorate id="machineField" template="layout/edit.xhtml" rendered="#{Profil.productLine.machines.size > 0}"> 
        <ui:define name="label">Choose Machine</ui:define> 
         <h:selectOneMenu id="machinesCheckbox" value="#{Profil.machine}" required="true" styleClass="dropdown"> 
          <s:selectItems value="#{Profil.productLine.machines}" var="machine" label="#{machine.machine}" id="machineId" noSelectionLabel="Choose"/> 
          <s:convertEntity/> 
         </h:selectOneMenu> 
       </s:decorate> 
      </a:outputPanel> 
     <div style="clear:both"/> 
     </rich:panel> 
      <div class="actionButtons"> 
       <h:commandButton id="next" value="Weiter zu SERVICES" 
         action="#{Profil.next}" styleClass="button_next"/> 
      </div> 
     </h:form> 
</ui:define> 

Répondre

0

J'ai résolu mon problème en utilisant un élément déroulant richface, qui peut être personnalisé en fonction de mes besoins.