Primefaces组件类似于p：消息

Question

Primefaces 5

是否有组件显示与p:messages组件类似的数据。即带有关闭按钮的灰色/彩色框，但没有警告标志。

或者如何使用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;
}