Primefaces 组件类似于 p:messages

Question

Primefaces 5

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

或者如何使用消息组件将任何内容显示为面板组件。

编辑：如果应该为多个更新显示消息面板，据我所知，您必须使用 FacesContext 为每个更新添加消息。我不想这样做。

EDIT2：这就是我想要实现的。最好使用 primefaces 组件。

如您所见：

任何内容
命令link
关闭按钮

Answer 1

取决于您希望它是内联的还是某种 'popup'。

如果你不希望它总是可见，我会使用一个 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;
}

Primefaces 组件类似于 p:messages

Primefaces component similar to p:messages

jsf

components

messages

primefaces