Primefaces組件類似於p：messages

Question

Primefaces 5

是否存在顯示類似於p:messages組件的數據的組件。 即帶有關閉按鈕的灰色/彩色框，但沒有警告標志。

或者如何使用“消息”組件將任何內容顯示為面板組件。

編輯 ：如果應該顯示幾個更新的消息面板，據我所知，您必須使用FacesContext為每個更新添加一條消息。 我不想做

EDIT2 ：這是我想要實現的。 最好使用primefaces組件。

如你看到的：

1. 任何內容
2. 命令鏈接
3. 關閉按鈕

Answer 1

取決於您希望它是內聯的還是“彈出”類型。

如果您不希望它總是可見，則可以使用overlayPanel並為其提供一個styleClass和一些自定義CSS，使其看起來像您想要的（針對默認展示主題進行樣式設置）：

.myCustomOverlay .ui-overlaypanel-content {
    background-color: lightpink;
    padding-right: 2em;
}

.myCustomOverlay .ui-overlaypanel-close.ui-state-default {
    background-color: transparent;
    background-image: none;
    border: medium none;
    box-shadow: 0 0 0 transparent;
    right: 5px;
    top: 5px;
}

您可以使用瀏覽器開發人員工具在線嘗試

如果您希望它在行內可見，我將以類似的方式使用面板和樣式

.myPanel.ui-panel {
    background: none repeat scroll 0 0 lightpink;
}

.myPanel .ui-panel-titlebar.ui-widget-header {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
}

.myPanel .ui-panel-titlebar-icon {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: 0 0 0 transparent;
}