Erro com menu do PrimeFaces

7 de junho de 2011 12 respostas

pjava 7 de junho de 2011

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.

&lt;?xml version='1.0' encoding='UTF-8' ?&gt;
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;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"&gt;

&lt;body&gt;&lt;h:form&gt; 
 
    &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; 
 
&lt;/h:form&gt;
&lt;/body&gt;
&lt;/html&gt;

12 Respostas

Mr.style 7 de jun. de 2011

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

pjava 8 de jun. de 2011

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

pjava 8 de jun. de 2011

Nada ainda

pjava 9 de jun. de 2011

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.

pjava 16 de jun. de 2011

Esse é meu ManagedBean

@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);  
    }  
}

v.rangel 16 de jun. de 2011

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!

Polverini 16 de jun. de 2011

o que aparece de errado ???

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

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

pjava 16 de jun. de 2011

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.

Polverini 16 de jun. de 2011

qual a versao que vc esta usando ??

pjava 20 de jun. de 2011

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

Polverini 20 de jun. de 2011

usa a versão 2.2.1 para testar

giorgialberto 16 de jan. de 2012

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.

Criado 7 de junho de 2011

Ultima resposta 16 de jan. de 2012

Respostas 12

Participantes 5

12 Respostas

Topicos relacionados