jsf - selectItem の横の JSF inputText

Question

f:selectItem の横に p:inputText を表示して、下の図のような結果を得たいと思います。

私のコードで：

<p:selectManyCheckbox id="s1" value="#{myBean.selectedValues}" layout="pageDirection" >
    <f:selectItem itemLabel="value 1" itemValue="v1" />
    <f:selectItem itemLabel="value 2" itemValue="v2" />
    <f:selectItem itemLabel="value 3" itemValue="v3" />
    <p:inputText id="input1" value="#{myBean.input1Value}" />

</p:selectManyCheckbox>

inputText は selectItems の前に表示されています:

また、selectItemタグにinputTextを入れてみましたが、結果は同じでした。

<f:selectItem itemLabel="value 3" itemValue="v3">
    <p:inputText id="input1" value="#{myBean.input1Value}" />
</f:selectItem>

Answer 1

最も簡単な方法はp:panelGrid、columns="2"

<p:panelGrid columns="2">  
    <p:selectManyCheckbox....
    </p:selectManyCheckbox>
    <p:inputText id="input1" value="#{myBean.input1Value}" />
</p:panelGrid>  

他の例を見てみましょうPrimefaces PanelGrid