如何'unrender'基于 p：selectMany复选框选择 p：inputText

Question

我需要你的帮助在渲染inputText基于选择的selectManyCheckbox在xhtml。代码是:

<p:selectManyCheckbox id="basic" value="#{user1.selectedConsoles}">
  <f:selectItem itemLabel="Xbox One SS" itemValue="XboxOne" />
  <f:selectItem itemLabel="PS4 SS" itemValue="PS4" />
  <f:selectItem itemLabel="Wii U SS" itemValue="WiiU" />
  <p:ajax listener="#{user1.renderInput}" update="name"/>
</p:selectManyCheckbox>
 <h:panelGroup id="name">
  <p:inputText value="" rendered="#{user1.renderText}"/>
 </h:panelGroup>

和bean代码:

private String[] selectedConsoles; //Setter & Getter
private List<String> list = new ArrayList<String>(); //Setter & Getter
private boolean renderText = false; //Setter & Getter

public void renderInput() {
  list= Arrays.asList(selectedConsoles);
  if (list.contains("PS4")) {
    renderText = true;
  }
  else if (!list.contains("PS4")) {
        renderText = false;
  }
}

在上面的例子中，一旦我选择了PS4，就会显示inputText。但是当我打开PS4时，inputText将在表单中保持可见，并且不会"未渲染"。

Answer 1

为此，有PrimeFaces OutputPanel组件，它基本上充当占位符。要么使用autouupdate true，要么在select时更新它。

下面的代码片段解决了您的问题:

    <h:panelGroup id="name">
        <p:outputPanel autoUpdate="true">
            <p:inputText value="" rendered="#{user1.renderText}" />
        </p:outputPanel>
    </h:panelGroup>