Jsf Primefaces组件类似于p:messages

素数面5

是否有显示类似于

p:messages

组件的数据的组件。即带有关闭按钮的灰色/彩色盒子，但没有警告标志

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

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

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

如你所见：

任何内容

命令链接

关闭按钮

---

这取决于您希望它是内联的还是“弹出式”的

如果您希望它不总是可见的，我会使用，并为它提供一个样式类和一些定制css，它看起来就像您想要的（根据默认showcase主题进行样式设置）：

您可以使用浏览器开发工具在线尝试此功能

如果您希望它是可见的内联，我会使用一个面板和样式，在类似的方式

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

---

您还想对您的邮件做什么？这个信息从哪里来？如果您不想自己处理FACESFIEWS，请考虑从OnnIFIs中使用<代码>消息<代码>…有<代码> P:Panel < /Cult>组件。最好我想有这样的组件，但与消息的外观。恐怕没有类似于消息的组件。感谢Omnifaces提示。然后检查生成的

p:messages

的HTML输出。基本上，当按下关闭图标时，它只是一个div标记，css属性

display

被设置为

none

。这可以通过简单的JavaScript或者（就像在p:messages中那样）通过jQuery轻松完成。Stg是对的，您还想要什么？是否能够关闭它们等？使用css你可以隐藏图标。。。很简单，但还有更多。。。你想让它在线还是更像咆哮？在特定组件旁边？只需扫描PF showcase中的内容。。。定制覆面面板的外观最接近我认为这看起来不错。我试过你的建议了。正如您所要求的，它应该是内联的，就像普通面板一样。并且有一个固定的位置，但可能这是另一个问题。很抱歉，我没有在你的评论中提到它。内联有点与固定位置相矛盾。面板在线，咆哮是固定位置…是的，然后在线。正常情况下

p:panel

。我不太清楚如何将

overlypanel

显示为正常的面板位置。不是鼠标事件，而是始终呈现。我只是尝试了一下，但无法通过使用css使OverlyPanel内联显示。您必须恢复使用面板，然后使用一些css设置其样式。与上述类似。我会改变我的答案

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