命令按钮的操作不起作用

Question

我有一个 ToolBar，其中包含许多按钮。这些按钮必须是指向其他 xhtml 页面的链接。但它们不起作用。这是我的代码：

         <h:form>
            <p:toolbar>  
                <p:toolbarGroup align="left">  
                    <p:commandButton id="btn1" type="button" action="faces/Genseignant" value="Gestion Enseignants" icon="ui-icon-folder-open" />  

                    <p:commandButton id="btn2" type="button" action="Gclasse" value="Gestion Classes" icon="ui-icon-folder-open" />  

                    <p:commandButton id="btn3" type="button" action="Getudiant" value="Gestion Etudiants" icon="ui-icon-folder-open" />

                    <p:commandButton id="btn4" type="button" action="Gmatiere" value="Gestion Matières" icon="ui-icon-folder-open" />

                    <p:commandButton id="btn5" type="button" action="Gsalle" value="Gestion Salles" icon="ui-icon-folder-open" />

                    <p:commandButton id="btn6" type="button" value="Gestion Horaires" icon="ui-icon-folder-open" />

                    <p:separator />  

                </p:toolbarGroup>  

                <p:toolbarGroup align="right">  
                    <p:menuButton value="Options">  
                        <p:menuitem value="Acceuil" action="Genseignant"/>  
                        <p:menuitem value="Déconnectté(e)" />  
                    </p:menuButton>  
                </p:toolbarGroup>  

            </p:toolbar>
        </h:form>

当我尝试使用 MenuBar 时，它可以正常工作。 请有任何建议。

Answer 1

删除type="button" 属性。否则不能以这种方式使用命令按钮。

从浏览器源码可以看出区别：

这是按钮带有 type="button":

<button id="myform:btn1" type="button" role="button" aria-disabled="false">

这是按钮没有 type="button"，默认为type="submit"：

<button id="myform:btn1"   
        onclick="PrimeFaces.ab({formId:'myform',source:'myform:btn1',
                                process:'@all'}); return false;" 
        type="submit" role="button" 
        aria-disabled="false">