primefaces Boîte de dialogue ne fonctionne pas

Question

Je suis en train de répliquer primefaces sous forme de dialogue ajax comme dans Primefaces vitrine

Mon extrait de code JSF est comme ci-dessous

<h:body> 

<p:commandButton id="showDialogButton" type="button" value="Show" 
    onclick="PF('dlg').show()" /> 

<p:dialog header="Enter FirstName" widgetVar="dlg" appendToBody="true" 
    resizable="false"> 
    <h:form id="form"> 

     <h:panelGrid columns="2" style="margin-bottom:10px"> 
      <h:outputLabel for="firstName" value="firstName:" /> 
      <p:inputText id="firstName" value="#{backingBean.firstName}" /> 
     </h:panelGrid> 

     <p:commandButton id="submitButton" value="Submit" update=":display" 
      oncomplete="PF('dlg').hide();" /> 

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

<p:outputPanel id="display" style="display:block;margin-top:10px;"> 
    <h:outputText id="name" value="Hello #{backingBean.firstName}" 
     rendered="#{not empty backingBean.firstName}" /> 
</p:outputPanel> 

Mon managed bean

@ManagedBean 
@ViewScoped 

public class BackingBean implements Serializable{ 


    private String firstName; 

    public String getFirstName() { 
     return firstName; 
    } 

    public void setFirstName(String firstName) { 
     this.firstName = firstName; 
    } 


} 

Aucune boîte de dialogue ne s'affiche en cliquant sur le bouton Soumettre :(. ded appendToBody = "true" mais pas de résultat. En d'autres termes, j'obtiens une erreur javascript en tant que "Object Expected". S'il vous plaît aidez-moi à résoudre ce problème.

Answer 1

quelle version de primefaces utilisez-vous?

Si vous utilisez Primefaces 3.5 ou plus:

<p:commandButton id="showDialogButton" type="button" value="Show" 
    onclick="dlg.show()" /> 

Pour 4.0 Primefaces:

<p:commandButton id="showDialogButton" type="button" value="Show" 
    onclick="PF('dlg').show()" /> 

Answer 2

Dans mon cas, j'avais un lien de script jquery en-tête. Je l'ai abandonné et primefaces a commencé à fonctionner correctement