Erro com menu do PrimeFaces

Front-end
#1

Pessoal, criei uma página XHTML simples e copiei um código da página do primeFaces.org e colei em minha página(dentro da tag body). Acontece que o menu não vem configurado conforme exemplo na página do prime. Abaixo minha página.

[code]<?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://java.sun.com/jsf/html”
xmlns:f=“http://java.sun.com/jsf/core”
xmlns:p=“http://primefaces.prime.com.tr/ui”>

<body><h:form>

&lt;p:growl id="messages"/&gt; 

&lt;p:menubar autoSubmenuDisplay="true"&gt; 
    &lt;p:submenu label="File" icon="ui-icon ui-icon-document"&gt; 
        &lt;p:submenu label="New" icon="ui-icon ui-icon-contact"&gt; 
            &lt;p:menuitem value="Project" url="#" helpText="CTRL+N" /&gt; 
            &lt;p:menuitem value="Other" url="#" helpText="CTRL+O"/&gt; 
        &lt;/p:submenu&gt; 
        &lt;p:menuitem value="Open" url="#" /&gt; 
        &lt;p:menuitem value="Quit" url="#" /&gt; 
    &lt;/p:submenu&gt; 

    &lt;p:submenu label="Edit" icon="ui-icon ui-icon-pencil"&gt; 
        &lt;p:menuitem value="Undo" url="#" icon="ui-icon ui-icon-arrowreturnthick-1-w" helpText="CTRL+Z"&gt;&lt;/p:menuitem&gt; 
        &lt;p:menuitem value="Redo" url="#" icon="ui-icon ui-icon-arrowreturnthick-1-e" helpText="CTRL+Y"&gt;&lt;/p:menuitem&gt; 
    &lt;/p:submenu&gt; 

    &lt;p:submenu label="Help" icon="ui-icon ui-icon-help"&gt; 
        &lt;p:menuitem value="Contents" url="#" /&gt; 
        &lt;p:submenu label="Search" icon="ui-icon ui-icon-search"&gt; 
            &lt;p:submenu label="Text"&gt; 
                &lt;p:menuitem value="Workspace" url="#" /&gt; 
            &lt;/p:submenu&gt; 
            &lt;p:menuitem value="File" url="#" /&gt; 
        &lt;/p:submenu&gt; 
    &lt;/p:submenu&gt; 

    &lt;p:submenu label="Actions" icon="ui-icon ui-icon-gear"&gt; 
        &lt;p:submenu label="Ajax" icon="ui-icon ui-icon-refresh"&gt; 
            &lt;p:menuitem value="Save" actionListener="#{buttonBean.save}" icon="ui-icon ui-icon-disk" update="messages"/&gt; 
            &lt;p:menuitem value="Update" actionListener="#{buttonBean.update}" icon="ui-icon ui-icon-arrowrefresh-1-w" update="messages"/&gt; 
        &lt;/p:submenu&gt; 
        &lt;p:submenu label="Non-Ajax" icon="ui-icon ui-icon-newwin"&gt; 
            &lt;p:menuitem value="Delete" actionListener="#{buttonBean.delete}" icon="ui-icon ui-icon-close" update="messages" ajax="false"/&gt; 
        &lt;/p:submenu&gt; 
    &lt;/p:submenu&gt; 

    &lt;p:menuitem value="Quit" url="http://www.primefaces.org" icon="ui-icon ui-icon-close" /&gt; 
&lt;/p:menubar&gt;

</h:form>
</body>
</html>[/code]

#2

Dá um print aí entao
e fale qual a diferença.

#3

Não entendi, dá um print e mostrar a diferença.

#4

Nada ainda

#5

Cara, criei meu Bean, dei um alias para ele chamado de buttonBean, mas mesmo assim eu não consigo fazer esse menu aparecer na minha página.

#6

Esse é meu ManagedBean

[code]@ManagedBean(name=“buttonBean”)
@ViewScoped
public class MenuBean {

public void save(ActionEvent actionEvent) {  
    addMessage("Data saved");  
}  
  
public void update(ActionEvent actionEvent) {  
    addMessage("Data updated");  
}  
  
public void delete(ActionEvent actionEvent) {  
    addMessage("Data deleted");  
}  
  
public void addMessage(String summary) {  
    FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, summary,  null);  
    FacesContext.getCurrentInstance().addMessage(null, message);  
}

} [/code]

#7

Acho que eu sei do que você está falando…

Você deve ter pegado o código da layoutComplex.xhtml que tá no Show Case do PrimeFaces. Mas aparentemente ele não corresponde totalmente ao exemplo que eles dão.
Acho que eles chegaram a corrigir isso… mas mesmo assim aquilo é somente um exemplo… não basta copiar e colar, você precisa modificar para a sua necessidade.

Quer uma dica? Veja os exemplos anteriores de layout deles que é o Full Page Layout e o Element Layout para entender melhor a funcionalidade de cada componente deles para assim você construir o seu.

Espero ter ajudado!

#8

o que aparece de errado ???

Posta um print do menu, aparece algum erro ???

p/s quando postar o codigo usa a tag code =)

#9

O menu simplesmente não funciona. Vem todo desconfigurado. Isso é o que acontece. Pode ser sim, que não é so copiar e colar, mas eu fiz isso para testar e ver a funcionalidade. Claro que o meu menu seria diferente, até pelos nomes dos menus e seriam muito mais do que aqueles mostrados no showcase. Eu apenas os baixei para teste, mas nção funcionou. Já fiz muitas coisas no Primes apenas com copiar e colar e funcionaram, mas esse não funcionou. O lance das tags code foi mal, mas se der para editar farei isso agora, após este post. Quando eu postei no primeiro post aí que me lembrei e já havia sido feito.

#10

qual a versao que vc esta usando ??

#11

Jsf 2.0 e a do Prime é a 2.1 e Java 6.

#12

usa a versão 2.2.1 para testar

#13

Pessoal estou construindo uma aplicação onde tenho um template full page e no top desse layout tenho um menubar. Quero quando acionar o menuitem (ajax) o meu contener central atualize (apenas ele). Teria como alguém me ajudar? Exemplos? Grato pela atenção de todos.

#14