2017-02-24 22 views
0

selectitemのツールチップを追加したいと思います。ここでselectoneradioでselectitemのツールチップを追加する方法

あなたは次のようにselectOneRadioコンポーネント用のカスタムレイアウトを実装することによってそれを行うことができます私のコード

<h:selectOneRadio id="class" styleClass="bold" rendered="# {bean.campusObject.campus=='C'}" value="#{bean.type}"> 
    <f:selectItem itemLabel=" Dept " itemValue="1" /> 
    <f:selectItem itemLabel="Course " itemValue="2" /> 
    <f:selectItem itemLabel="Course with Dept" itemValue="3" /> 
    <f:selectItem itemLabel="Specialization" itemValue="4" itemDisabled="#{!bean.level.equals('PG')}"/> 
           <f:ajax render="cours" ></f:ajax> 
           </h:selectOneRadio> 
+0

次のサンプルサイト[PrimeFacesサイト]でのようなものを試してみました(http://www.primefaces.org/showcase/ui/overlay/tooltip/tooltipOptions.xhtml) –

答えて

0

です:

<p:selectOneRadio id="radioGroup" layout="custom" 
      value="#{bean.radioValue}" disabled="#{bean.disabled}"> 
      <f:selectItems value="#{bean.radioItems}" var="r" 
       itemLabel="#{r.label}" itemValue="#{r}" /> 
      <p:ajax /> 
     </p:selectOneRadio> 

    <h:panelGrid columns="2" styleClass="radioLayout"> 
     <c:forEach var="r" items="#{bean.radioItems}" varStatus="status"> 
      <p:radioButton for="radioGroup" disabled="#{bean.disabled}" 
       itemIndex="#{status.index}" id="radio${r.id}" /> 
      <h:panelGroup> 
       <p:outputLabel value="#{r.label}" title="Your tooltip" /> 
      </h:panelGroup> 
     </c:forEach> 
    </h:panelGrid> 
関連する問題