Невозможно отобразить р: SelectOne во всплывающем окне

Question

Я отдаю себе отчет в том, что selectonelistbox primefaces обеспечивает http://www.primefaces.org/showcase/ui/input/listbox.xhtml

Есть ли способ, чтобы получить это как всплывающее окно для выбора? Например, в представлении JSF, если я нажимаю на пустое изображение (все белое изображение), как я могу получить всплывающее окно списка выбора, выбрав значение, на котором закрывается всплывающее окно, и задает значение в родительском представлении ?

Нужно ли мне создать новый вид для пупа? Какова должна быть область видимости компонента popup view?

Answer 1

В вашей странице Xhtml:

<h:form> 
    <p:graphicImage id="image" style="width:300px; height: 200px; background-color:white;" 
     url="#{yourBean.selectedImage}" alt="No selection" 
     onclick="PF('dlg').show();"/> 

    <p:dialog header="Photo selection" widgetVar="dlg" resizable="false"> 
     <h:panelGrid columns="1" cellpadding="5"> 

     <p:selectOneListbox value="#{yourBean.selectedImage}"> 
      <f:selectItem itemLabel="Image 1" itemValue="http://oi44.tinypic.com/2mzdrvq.jpg" /> 
      <f:selectItem itemLabel="Image 2" itemValue="http://oi42.tinypic.com/2itk12a.jpg" /> 
     </p:selectOneListbox>   

      <f:facet name="footer"> 
       <p:commandButton value="Refresh" update="image" oncomplete="PF('dlg').hide()"/> 
      </f:facet> 
     </h:panelGrid> 

    </p:dialog> 
</h:form> 

И в вашем бэк-бобе только добавить selectedImage свойство с его соответствующими методами получения и установки.

private String selectedImage; 

public String getSelectedImage() { 
    return selectedImage; 
} 

public void setSelectedImage(String selectedImage) { 
    this.selectedImage = selectedImage; 
}