2016-06-01 21 views
0

私はPrimeFaces 5.3で作業していますが、問題があります。 I私は重要度=「情報」動作していないを設定するとconfirmDialogアイテムを持っていると、デフォルトでは重大度が警告(ショーのアイコンの警告と赤のテキスト)に設定され、私は情報に変更したいが、アイコンを示し続けますアラートと赤いテキストも表示されます。私のコードで何が間違っていますか。p:confirmDialog重大度情報が機能しない

<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にグローバルのparamセットで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> 

は、これが結果です:

enter image description here

彼はui-confirm-dialog-messageクラスを使用しています。

なぜテキストは赤色で印刷を続けるのですか?

よろしくお願いいたします。

答えて

0

最後に私はそれを得る。私はコードを変更し、グローバルをfalseに設定しました。私はフォントのテキストを赤色で表示しないので、primefacesのCSSをオーバーライドしてスタイルを変更してください。

マイ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> 

と私のCSSオーバーライド:

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

結果:

enter image description here

私はそれが誰かに便利です願っています。

関連する問題