Primefaces对话框隐藏方法破坏了我的css

Question

我试图让用户接受从数据表中选择的出价，但是当我选择取消对话框时，我的css中断了。

<p:dialog id="dlg" header="Bid" widgetVar="bidDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="false">
                <p:outputPanel id="bidDetail" style="text-align:center;">                       
                    <p:outputLabel value="You want to accept this bid?" />
                    <p:commandButton styleClass="ui-confirmdialog-yes" value="Yes" action="#{bidsBean.acceptBid()}"/>
                    <p:commandButton styleClass="ui-confirmdialog-no" value="No" onclick="dlg.hide()"/>
                </p:outputPanel>
            </p:dialog>

支持bean:

public String acceptBid() {
    repairService.acceptBid(selectedBid);
    FacesContext context = FacesContext.getCurrentInstance();
    context.addMessage(null, new FacesMessage("Successful", "Bid successfully accepted!")); 
    repairBean.setSelectedRepair(null);
    return "repairs.xhtml";       
}

Css:

body {
font-size: 11pt; 

}

.narrow {
margin-left: 20%;
margin-right: 20%; 

}

窄样式类隐藏对话框后消失。

Answer 1

质面是什么版本?

if是5.0版本尝试输入:

<p:confirmDialog header="Bid" severity="alert" widgetVar="dlg" showEffect="bounce" hideEffect="explode" global="true">
                        <p:commandButton value="Yes" actionListener="#{bidsBean.acceptBid}" oncomplete="PF('dlg').hide()" icon="ui-icon-check" ajax="true"/>
                        <p:commandButton value="No" onclick="PF('dlg').hide();" type="button" icon="ui-icon-close"/></p:confirmDialog>