Как открыть несколько диалогов, используя диалоговую структуру Primefaces

Я новичок в JSF и Primefaces, мне нужно открывать диалоговое окно, содержащее какую-то информацию о результатах поиска, всякий раз, когда нажимается кнопка поиска. Ранее открытое диалоговое окно всегда должно отображаться, если пользователь не закроет его, поэтому я мог бы открыть несколько диалоговых окон.

Я использую приведенные ниже технологии, и моя проблема заключается в том, что я хочу использовать только один шаблон xhtml для диалога, который я вызываю, используя структуру диалога Primefaces. Есть идеи, как добиться того, чего я хочу?

  • JBoss EAP 6.2
  • Праймфейс 4.0
  • JSF 2.2

У меня есть пример кода, над которым я пытаюсь работать как POC ниже. Он работает нормально. Я могу отобразить первое диалоговое окно, но я больше не знаю, как открыть другое диалоговое окно при повторном нажатии кнопки поиска.

home.xhtml

<div id="searchBtnDiv">
            <p:commandButton id="queryNetworkElem" value="Search" ajax="true"    actionListener="#{searchBean.querySubmit}" />  
            <p:commandButton id="advanceQuery" value="Advance Search" ajax="true" actionListener="#{searchBean.querySubmit}" /> 
        </div>

SearchBean.java

    @ManagedBean(name = "searchBean")
    public class SearchBean{
    ...
    public void generateSearchDialog(String searchParam) throws IOException{

        System.out.println("opening dialog");
        testMessage = "testing ";


        RequestContext.getCurrentInstance().openDialog("test");

    } 
    ...
    }

test.xhtml

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://xmlns.jcp.org/jsf/html"
    xmlns:f="http://xmlns.jcp.org/jsf/core"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">

   <h:head>
   </h:head>
   <h:body>
       <h1><p:outputLabel value="#{searchBean.testMessage}"/></h1>
        <p:commandButton value="test" />        
   </h:body>
   </html>

person Joecep    schedule 22.04.2014    source источник


Ответы (2)


Ваш метод generateSearchDialog отображает только p:dialog с id="test" на вашей странице. Что это сделает, так это то, что он откроет этот диалог и только этот (это означает, что если вы закроете диалог и снова вызовете метод, он будет снова открыт).

Насколько я понимаю, вы хотите создавать новые экземпляры Dialog при каждом вызове generateSearchDialog?

Если вы хотите сделать это, вам нужно динамически создавать новые экземпляры диалога. На вашей веб-странице создайте контейнер для этих диалогов (т. е. PanelGroup), и каждый раз, когда вызывается метод, он будет создавать новый экземпляр Dialog. Имейте в виду, что создание диалогов программно в компоненте поддержки не является хорошей практикой, но это поможет вам в этом. Теперь, чтобы это работало, заголовок диалогового окна должен быть динамическим (может быть, добавить счетчик?). Ваш вспомогательный компонент будет выглядеть примерно так:

UIComponent panelGroup = FacesContext.getCurrentInstance()
        .getViewRoot().findComponent("dialogContainer");
Dialog dialog = new Dialog();
dialog.setId("newDialogInstance" + counter);
dialog.setVisible(true); //add whatever code you like
...
panelGroup.getChildren().add(dialog);
...
//update the WHOLE panel
RequestContext.getCurrentInstance().update("dialogContainer");
// OR openDialog your new Dialog.
RequestContext.getCurrentInstance().openDialog("newDialogInstance" + counter);
...
counter++;
person rion18    schedule 22.04.2014
comment
Как насчет создания этого диалога из включаемого файла (шаблона)? - person Andrew; 02.02.2017
comment
Я должен попробовать это. На самом деле не знаю, есть ли эквивалент JSF для Android inflate (что в основном то, что вы хотите сделать)... - person rion18; 02.02.2017
comment
Ну, с одним параметром диалога, который я использую: RequestContext.getCurrentInstance().openDialog(templates/filename); (с аргументами или без них) и включает в себя templates/filename.xhtml. - person Andrew; 02.02.2017
comment
Я не знаю, применимо ли это. В вопросе ОП говорилось, что может быть открыто несколько диалогов. Если вы не найдете способ динамически вводить новый идентификатор в файл шаблона... - person rion18; 02.02.2017
comment
Предположим, я мог бы. Тогда как бы я это сделал? - person Andrew; 02.02.2017
comment
Как я уже говорил ранее: я должен попробовать это / исследовать это. На самом деле не знаю, есть ли эквивалент JSF для Android inflate (что в основном то, что вы хотите сделать)... - person rion18; 02.02.2017

У меня есть пример кода со списком лиц. Каждый раз, когда пользователь нажимает на человека, открывается новый диалог

xhtml-код:

<h:form id="form">
    <p:dataTable value="#{mbean.personList}" var="person">
        <p:column headerText="Name">
            <p:commandLink value="#{person.name}" 
                update=":form">
                <f:setPropertyActionListener target="#{mbean.selectedPerson}"
                    value="#{person}" />
            </p:commandLink>
        </p:column>
        <p:column headerText="Country">
            #{person.country}
        </p:column>
    </p:dataTable>

    <!-- <ui:include src="/WEB-INF/test.xhtml" /> -->
    <ui:repeat var="d" value="#{mbean.personList}">

        <p:dialog id="_#{d.getId()}"  modal="false" width="500" height="500" widgetVar="Jag:#{d.getId()}">
        <p:ajax event="close" listener="#{mbean.handleClose}" />
            <h:outputLabel value="#{d.getName()}"></h:outputLabel>

        </p:dialog>
    </ui:repeat>

</h:form>

Java-код:

@ManagedBean(name = "mbean")

Открытый класс @ViewScoped TestBean реализует Serializable {

private List<Person> personList;
private Person selectedPerson;
private String dialogName;
private static int count=0;
private Map<Integer, String> dialogRemover = new HashMap<>();




public Map<Integer, String> getDialogRemover() {
    return dialogRemover;
}

public void setDialogRemover(Map<Integer, String> dialogRemover) {
    this.dialogRemover = dialogRemover;
}


public String getDialogName() {
    return dialogName;
}

public void setDialogName(String dialogName) {
    this.dialogName = "jag"+String.valueOf(count++);
}

public TestBean() {
    personList = new ArrayList<Person>();
    personList.add(new Person(6,"Aaa", "UK"));
    personList.add(new Person(7,"Bbb", "Australia"));
    personList.add(new Person(8,"Ccc", "Asia"));

}

public List<Person> getPersonList() {
    return personList;
}

public void setPersonList(List<Person> personList) {
    this.personList = personList;
}

public Person getSelectedPerson() {
    return selectedPerson;
}

public void handleClose(CloseEvent event){
    System.out.println("eventZ: "+event.getComponent().getId());
    System.out.println("handle close event "+event.getComponent().getClientId());
    String[] array = event.getComponent().getClientId().split(":");
    dialogRemover.remove(Integer.parseInt(array[2]));
    System.out.println("list elements are "+dialogRemover.size());

}

public void setSelectedPerson(Person selectedPerson) {
    this.selectedPerson = selectedPerson;
    String test = this.selectedPerson.getName();

        if(!dialogRemover.containsValue("Jag:"+String.valueOf(this.selectedPerson.getId())) ){
            dialogRemover.put(personList.indexOf(this.getSelectedPerson()),"Jag:"+String.valueOf(this.selectedPerson.getId()));
        }
        RequestContext context1 = RequestContext.getCurrentInstance();          
        for (Map.Entry<Integer, String> entry : dialogRemover.entrySet()) {
            context1.execute("PF('"+entry.getValue()+"').show();");
        }       
}

}

person Jag    schedule 13.02.2017