PrimeFaces p:calendar 元件套用 bootstrap form-control 樣式

技術問題

PrimeFaces 的 p:calendar 套用 bootstrap 的 .form-control 是無法正確顯示。p:calendar 的輸入外框會超出元件邊界外框，如下圖所示:

PrimeFaces 處理 Ajax request 過程中所產生的 callbacks 及 events

在執行 Ajax Request 的前後， 我們可以有機會執行 Javascript 完成瀏覽器上的操作。過程中的一連串的過程如下：

• User clicks button in client
• onclick JavaScript code is executed
• JavaScript prepares ajax request based on process and current HTML DOM tree
• onstart JavaScript code is executed
• JavaScript sends ajax request from client to server
• JSF retrieves ajax request
• JSF processes the request lifecycle on JSF component tree based on process
• actionListener JSF backing bean method is executed
• action JSF backing bean method is executed
• JSF prepares ajax response based on update and current JSF component tree
• JSF sends ajax response from server to client
• JavaScript retrieves ajax response
  • if HTTP response status is 200, onsuccess JavaScript code is executed
  • else if HTTP response status is 500, onerror JavaScript code is executed
• JavaScript performs update based on ajax response and current HTML DOM tree
• oncomplete JavaScript code is executed

References: http://stackoverflow.com/a/20146879

Primefaces FontAwesome 中的 mime-type 設定

使用 primefaces 中的 FontAwesome 時，要加入以下的 mine-type 至 web.xml 檔案中：

    <mime-mapping>
        <extension>eot</extension>
        <mime-type>application/vnd.ms-fontobject</mime-type>
    </mime-mapping>
    <mime-mapping>
        <extension>otf</extension>
        <mime-type>font/opentype</mime-type>
    </mime-mapping>
    <mime-mapping>
        <extension>ttf</extension>
        <mime-type>application/x-font-ttf</mime-type>
    </mime-mapping>
    <mime-mapping>
        <extension>woff</extension>
        <mime-type>application/x-font-woff</mime-type>
    </mime-mapping>
    <mime-mapping>
        <extension>svg</extension>
        <mime-type>image/svg+xml</mime-type>
    </mime-mapping>
    <mime-mapping>
        <extension>ico</extension>
        <mime-type>image/x-icon</mime-type>
    </mime-mapping>
    <mime-mapping>  
        <extension>woff2</extension>  
        <mime-type>application/x-font-woff2</mime-type>  
    </mime-mapping>

否則會產生警告訊息。

參考資料：http://forum.primefaces.org/viewtopic.php?f=3&t=42002