0 Replies Latest reply on Dec 14, 2011 12:14 AM by cooldownthethroat

    Using jQuery for Hiding/Showing RichFaces Components on Radio Clicked

    cooldownthethroat Newbie

      I am trying to integrate jQuery into my JSF+RF3.3.3 web appplication. My purpose is when a user click on Radio Button certain form components should be hidden/shown based on the value of the Radio Button Clicked..

       

      I am using <rich:jquery> tag to get the desired effect..However I am not very aware of the <rich:jquery> tag and wahtever examples are present on the web are insufficient for me to get around this problem..

       

      Can anyone please guide me on how to acheive this...

       

      Please have a look at the code snippet:-

       

      Radio Button Code:-

       

      <rich:panel>
      <h:selectOneRadio id="Radio"  border="0" label="Name" value="#{bean.functionName}" required="true" styleClass="intro" onchange="showNameList()" >
      <f:selectItem id="All" itemValue="All" itemLabel="All" />
      <f:selectItem id="region" itemValue="Region" itemLabel="Region" />
      </h:selectOneRadio>
      </rich:panel>

       

      Components to HIDE/SHOW.

       

      <h:outputLabel value="RegionList *" id="region" styleClass="intro" escape="false" />
         
      <h:outputLabel value=" : " styleClass="intro" id="colonLabel" escape="false" />
         
      <h:panelGroup>   
         
      <rich:listShuttle id="calListShuttle" sourceValue="#{Bean.SourceList}" targetValue="#{Bean.targetList}" var="itemsRegion" fastOrderControlsVisible="false" orderControlsVisible="false" targetRequired="true" >
         
      <rich:column >

         
      <h:outputLabel value="#{itemsRegion}"/>
         
      </rich:column >                                
         
      </rich:listShuttle>

       

      Can anyone help me with jQuery tag of RF3.3.3