2015-02-06 65 views
0

Primefaces 5類似於p的Primefaces組件:消息

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

enter image description here

不然你怎麼能使用郵件組件顯示任何內容面板組件。

編輯:如果消息面板應該顯示幾個更新,據我所知,必須使用FacesContext爲每個更新添加消息。我不想這樣做。

EDIT2:這是我想達到的。最好用primefaces組件。

enter image description here

正如你可以看到:

  1. 任何內容
  2. ,如果你希望它是行內或那種命令鏈接
  3. 關閉按鈕
+2

你還想怎麼處理你的信息?這個消息從哪裏來?如果你只是不想自己處理FacesContext,可以考慮從omnifaces中使用'Messages' ... – stg 2015-02-06 08:45:14

+0

有'p:panel'組件。最好我想擁有這樣的組件,但看看消息。恐怕沒有看起來像消息的這樣的組件。感謝Omnifaces提示。 – Tony 2015-02-06 08:54:24

+1

然後檢查生成的「p:messages」的HTML輸出。基本上它只是一個div標籤,當按下close圖標時,css屬性'display'設置爲'none'。這可以通過普通的JavaScript或通過jQuery(比如在p:messages中完成)輕鬆完成。 – stg 2015-02-06 09:05:39

回答

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

這看起來不錯。我試過你的建議。正如你問的那樣,它應該是內聯的,就像正常的面板一樣。並有一個固定的位置,但可能是另一個問題。 – Tony 2015-02-06 13:55:01

+0

對不起,我沒有提到它,因爲你在評論中提問。 – Tony 2015-02-06 14:06:05

+0

內聯類型與固定位置相矛盾。面板是內嵌的,咆哮是固定的位置... – Kukeltje 2015-02-06 22:39:14

相關問題