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;
}