CODEWITHSUNDEEP
jsfprimefacesselectmanycheckbox
GregD
GregD

Reputation: 1944

h:inputText between p:selectManyCheckbox items

Is it possible, on some way, to display an h:inputText between the selectItems of a p:selectManyCheckbox?

What I'd like to have is:

I know how to do the enable/disable etc of the checkbox, but outside of the selectItems. I'd like to put it between them.

Is that possible on SOME way?

My solution is (with the inputText not between the selectItems): 

<h:panelGrid columns="2">
    <p:selectManyCheckbox converter="otherAdmissionReasonConverter"
                          id="otherAdmissionReasonCheckbox"
                          value="#{potentialDonorFileBackingBean.potentialDonorFile.generalPatientInformation.otherAdmissionReasons}"
                          layout="grid" columns="1">

        <f:selectItems value="#{patientInformationBackingBean.otherAdmissionReasons}"
                       var="otherAdmissionReason"
                       itemValue="#{otherAdmissionReason}"
                       itemLabel="#{msgs['ar.'.concat(otherAdmissionReason)]}"/>
        <p:ajax update="customAdmissionReasonGrid"/>
    </p:selectManyCheckbox>

    <h:panelGroup id="customAdmissionReasonGrid"
                  styleClass="customAdmissionReason">

        <p:inputText id="customAdmissionReason"
                     disabled="#{!potentialDonorFileBackingBean.potentialDonorFile.generalPatientInformation.otherAdmissionReasonChecked()}"
                     value="#{potentialDonorFileBackingBean.potentialDonorFile.generalPatientInformation.customAdmissionReason}"/>
    </h:panelGroup>
</h:panelGrid>

PrimeFaces: 5.2

Upvotes: 1

Views: 1346

Answers (1)

Kukeltje
Kukeltje

Reputation: 12337

For PrimeFaces < 5.2.3 you can't. For PrimeFaces >=5.2.3 you can use a custom layout like this (© PrimeFaces)

<h3>Custom Layout (since v5.2.3)</h3>
<p:outputPanel id="customPanel" style="margin-bottom:20px">
    <p:selectManyCheckbox id="custom" value="#{checkboxView.selectedConsoles2}" layout="custom">
        <f:selectItem itemLabel="Xbox SixSixSix" itemValue="Xbox SixSixSix" />
        <f:selectItem itemLabel="PS9" itemValue="PS9" />
        <f:selectItem itemLabel="Wii Them" itemValue="Wii Them" />
    </p:selectManyCheckbox>

    <div class="ui-grid ui-grid-responsive">
        <div class="ui-grid-row">
            <div class="ui-grid-col-4">
                <h:outputLabel for="opt1" value="Xbox SixSixSix" style="display:block"/>
                <p:checkbox id="opt1" for="custom" itemIndex="0" />
            </div>
            Some Custom Text between item 1 and 2
            <div class="ui-grid-col-4">
                <h:outputLabel for="opt2" value="PS9" style="display:block"/>
                <p:checkbox id="opt2" for="custom" itemIndex="1" />
            </div>
            <div class="ui-grid-col-4">
                <h:outputLabel for="opt3" value="Wii Them" style="display:block"/>
                <p:checkbox id="opt3" for="custom" itemIndex="2" />
            </div>
        </div>
    </div>
</p:outputPanel>

Upvotes: 3

Related Questions