JSF 2.0 Обновление диалогового окна «Primefaces» не работает с первого раза - PullRequest
Новая
       3

JSF 2.0 Обновление диалогового окна «Primefaces» не работает с первого раза

9 голосов
/ 26 июля 2011

У меня есть простая форма, которая просит пользователя ввести текст. Затем, когда пользователь щелкает ссылку, отображается диалоговое окно со значением, введенным пользователем. Первая проблема, которую я имею, состоит в том, что диалоговое окно не отображается.

Другая проблема касается обновления. Когда форма отображается в первый раз, HTML-код правильный, а текущее значение #{dialogBean.location} пусто.

Тогда я нажимаю на ссылку, HTML-код "неправильный". Вот почему я думаю, что это не показывает: 

<form id="dialogForm" name="dialogForm" method="post" action="/tcmt-component/dialog.xhtml" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="dialogForm" value="dialogForm">
<input type="hidden" autocomplete="off" value="-6424900608015567042:-9068630845666043913" id="javax.faces.ViewState" name="javax.faces.ViewState"></form>

В то же время я проверяю возврат вызова Ajax. Значение #{dialogBean.location} все еще пусто. 

<?xml version='1.0' encoding='UTF-8'?>
<partial-response><changes><update id="dialogForm:dialog"><![CDATA[<div id="dialogForm:dialog" style="display:none" title="Dialog">  
        Current Location:

Я снова нажимаю на ссылку, и на этот раз значение #{dialogBean.location} устанавливается на правильное значение. 

<?xml version='1.0' encoding='UTF-8'?>
<partial-response><changes><update id="dialogForm:dialog"><![CDATA[<div id="dialogForm:dialog" style="display:none" title="Dialog">  
        Current Location: MyLocation

Боб: 

@ManagedBean
@SessionScoped
public class DialogBean implements Serializable {

    private String location;

    public void setLocation(String location) {
        this.location = location;
    }

    public String getLocation() {
        return location;
    }

}

Вид: 

<?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:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">

  <h:head> 
  </h:head>
    <h:body>
        <h:form id="initForm">

        <h:inputText id="location" value="#{dialogBean.location}" />
        <p:commandLink update="dialogForm:dialog" onclick="dlg.show()">  
            <h:outputText value="Show Dialog" />  
        </p:commandLink>

        </h:form>  

        <h:form id="dialogForm">
        <p:dialog id="dialog" header="Dialog" widgetVar="dlg" resizable="false">  
        Current Location: <h:outputText value="#{dialogBean.location}" />
        <p:commandButton value="Close" oncomplete="dlg.hide();"/>
        </p:dialog>
        </h:form>  
    </h:body>
</html>

1024 * РЕШЕНИЕ *

Кажется, это проблема простых лиц при обновлении диалога. Вместо этого я обернул диалоговое окно внутри панели, и обновление работает: 

<p:dialog header="Dialog" widgetVar="dlg" resizable="false">  
<p:outputPanel id="dialogPanel">
Current Location: <h:outputText value="#{dialogBean.location}" />
    <h:form id="dialogForm">
<p:commandButton value="Close" oncomplete="dlg.hide();"/>
</h:form>  
</p:outputPanel>
</p:dialog>

<h:form id="initForm">
<h:inputText id="location" value="#{dialogBean.location}" />
<p:commandLink update="dialogPanel" onclick="dlg.show()">  
    <h:outputText value="Show Dialog" />  
</p:commandLink>
</h:form>

Ответы [ 2 ]

4 голосов
/ 26 июля 2011

Попробуйте поставить диалоговое окно перед commandLink следующим образом: 

  <p:outputPanel id="panel">
       <h:form id="dialogForm">
           <p:dialog id="dialog" header="Dialog" widgetVar="dlg" resizable="false">  
           Current Location: <h:outputText value="#{dialogBean.location}" />
           <p:commandButton value="Close" oncomplete="dlg.hide();"/>
           </p:dialog>
       </h:form>  
 </p:outputPanel>
     <h:form id="initForm">
    <h:inputText id="location" value="#{dialogBean.location}" />
    <p:commandLink update="dialogForm:dialog" onclick="dlg.show()" update="panel">  
        <h:outputText value="Show Dialog" />  
    </p:commandLink>
    </h:form>

Другое простое решение: если вы используете Primefaces 3.0 (или выше), вы можете добавить в диалог атрибут dymaic. Установите его в true Вот основные 3,2 VDL Динамический режим позволяет диалогу извлекать его содержимое до его отображения, а не при загрузке страницы, что полезно для уменьшения начального времени загрузки страницы. По умолчанию установлено значение false.

0 голосов
/ 15 сентября 2011

У меня была эта проблема в течение последних нескольких дней, после прочтения этого поста я просто решил свою проблему, удалив 'layout="block"' из моего panelGrid|outputPanel.В мои страницы CRUD встроено update="pageContentPanel", и теперь этот AJAX PPR работает лучше.Я предполагаю, что AJAX PPR (и PrimeFaces 3.0 M3) лучше работает с тегами span больше, чем тегами div.: (

    <ui:define name="pageContent">

        <p:outputPanel id="pageContentPanel">

            <p:outputPanel layout="block" rendered="#{pageNavigationController.isPageSelected('/pageContent_blank.xhtml')}">
                <ui:include src="/pageContent_blank.xhtml"/>
            </p:outputPanel>

            <p:outputPanel layout="block" rendered="#{pageNavigationController.isPageSelected('/service/pf_Add.xhtml')}">
                <ui:include src="/service/pf_Add.xhtml"/>
            </p:outputPanel>

            <p:outputPanel layout="block" rendered="#{pageNavigationController.isPageSelected('/service/pf_Browse.xhtml')}">
                <ui:include src="/service/pf_Browse.xhtml"/>
            </p:outputPanel>

            <p:outputPanel layout="block" rendered="#{pageNavigationController.isPageSelected('/service/pf_Edit.xhtml')}">
                <ui:include src="/service/pf_Edit.xhtml"/>
            </p:outputPanel>

            <p:outputPanel layout="block" rendered="#{pageNavigationController.isPageSelected('/service/pf_View.xhtml')}">
                <ui:include src="/service/pf_View.xhtml"/>
            </p:outputPanel>

        </p:outputPanel>

    </ui:define>
...