【问题标题】:p:confirmDialog severity info not workingp:confirmDialog 严重性信息不起作用
【发布时间】:2016-09-30 15:28:14
【问题描述】:

我正在使用 PrimeFaces 5.3,但遇到了问题。我有一个 confirmDialog 项目,默认情况下严重性设置为 alert(显示图标警报和红色文本),我想更改为 info 但是当我设置 severity ="info" 不起作用并继续显示图标警报和红色文本。我的代码有什么问题。

 <div class="DispBlock Responsive100 ui-contenedor-botones-accion">
    <p:commandButton id="btnSave" value="#{msj['tag.btnSave']}" update="@form" styleClass="Fright" 
        action="#{operation.save}" partialSubmit="true" process="@form">

       <p:confirm header="Check operation" message="#{vmsj['tag.text.confirmation.operation']}">
       </p:confirm>
    </p:commandButton>
 </div> 
 <p:confirmDialog severity="info" global="true" showEffect="fade" hideEffect="fade" id="idAcceptOperation" >        
    <p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" />
    <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" />
 </p:confirmDialog>

为什么不应用严重性信息?也许 global="true" 会覆盖严重性?

问候。

更新更多代码。

更新 2

我已经更改了我的代码,现在我使用了将全局参数设置为 false 的 confirmDialog 项:

<div class="DispBlock Responsive100 ui-content-button-action">
   <p:commandButton id="btnSave" value="Save" update="@form" styleClass="Fright" 
        partialSubmit="true" process="@form" onclick="PF('opeConDialog').show()" type="button">
   </p:commandButton>      

    <p:confirmDialog global="false" widgetVar="opeConDialog" showEffect="fade" hideEffect="fade" 
            id="idConOperation" severity="info" header="Confirm the operation" 
            message="This is a test">

        <p:commandButton value="Yes" action="#{opeView.save}" styleClass="ui-confirmdialog-yes" 
            oncomplete="PF('opeConDialog').hide()"/>
        <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" 
            onclick="PF('opeConDialog').hide()"/>
   </p:confirmDialog>
</div> 

这是结果:

他正在使用 ui-confirm-dialog-message 类。

为什么文本继续以红色打印?

问候。

【问题讨论】:

    标签: primefaces


    【解决方案1】:

    终于明白了。我更改了代码并将全局设置为 false。除了覆盖 primefaces css 并更改样式,因为我永远不会以红色显示字体文本。

    我的确认对话框代码是:

    <div class="DispBlock Responsive100 ui-content-button-action">
       <p:commandButton id="btnSave" value="Save" update="@form" styleClass="Fright" 
            partialSubmit="true" process="@form" onclick="PF('opeConDialog').show()" type="button">
       </p:commandButton>      
    
        <p:confirmDialog global="false" widgetVar="opeConDialog" showEffect="fade" hideEffect="fade" 
                id="idConOperation" severity="info" header="Confirm the operation" 
                message="This is a test">
    
            <p:commandButton value="Yes" action="#{opeView.save}" styleClass="ui-confirmdialog-yes" 
                oncomplete="PF('opeConDialog').hide()"/>
            <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" 
                onclick="PF('opeConDialog').hide()"/>
       </p:confirmDialog>
    </div> 
    

    和我的 css 覆盖:

    .ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-message{color:#72828B !important;}
    

    结果:

    我希望它对某人有用。

    【讨论】:

      猜你喜欢
      • 2014-09-17
      • 2021-12-08
      • 1970-01-01
      • 2019-09-12
      • 2012-05-09
      • 2018-10-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多