Primefaces - チェックボックスが選択されている場合、チェックボックスの下にテキストフィールドを動的に追加します。

Question

Primefaces（JSF）では、チェックボックスのリストがあります。 （リストのデータはDBから動的に出力されます）

ユーザがチェックボックスをオンにすると、チェックボックスの下にテキストフィールドを追加します。

どうすればいいですか、これはどのように行うことができますか？

HTML

<p:column> 
     <p:selectManyCheckbox id="resolutionPower" value="#{resBRRD_83_2_3_Bean.selectedResolutionPowers_DD}" layout="grid" columns="1" required="true"> 
      <f:selectItems value="#{resBRRD_83_2_3_Bean.resolutionPowers_DD}" var="data" itemValue="#{data}" itemLabel="#{data.tcdDesc}" /> 
      <o:converter converterId="omnifaces.ListConverter" list="#{resBRRD_83_2_3_Bean.resolutionPowers_DD}" /> 
     </p:selectManyCheckbox> 
     <p:inputText /> 
    </p:column> 

Answer 1

私は、UIを使用して、以下のようにそれを行うために管理：別々のフィールドで繰り返し

HTML

<ui:repeat var="gtField" value="#{resBRRD_83_2_3_Bean.resolutionPowers_DD}"> 
    <h:panelGroup id="resolutionPower"> 
     <p:selectBooleanCheckbox itemLabel="#{gtField.tcdDesc}" value="#{gtField.selected}"> 
      <p:ajax type="change" process="@this" update="@this resolutionPower" /> 
     </p:selectBooleanCheckbox> 
     <br /> 
     <p:inputText rendered="#{gtField.selected}" style="width:100%" /> 
     <p:spacer height="5px" rendered="#{gtField.selected}" /> 
     <br /> 
    </h:panelGroup> 
</ui:repeat> 

上記の修正後、