集成JSF 2和JQuery Mobile

Question

我正在嘗試使用JQuery Mobile（JQM）來獲取現有的JSF 2頁面和樣式。問題是JSF不會處理一些JQM屬性。例如，我想創建一個JQM風格的搜索輸入：

<input type="search" name="search" id="search" /> 

爲了這與JSF頁面進行整合，我已經試過這樣：

<h:inputText type="search" name="search" id="search" value="#{bean.searchText}"/> 

JSF不接受類型屬性，所以呈現的HTML看起來像這樣：

<input type="text" name="search" id="search" /> 

這不會產生:-(

適當JQM搜索小工具

我已經搜索了幾個小時，並沒有找到任何兩個整合的例子。關於如何使JQM和JSF很好地發揮作用的任何想法？提前致謝！

Answer 1

「爲了克服這一點，你需要創建一個custom component或更好，只是一個custom renderer其覆蓋標準<h:inputText>渲染器，並採取自定義屬性考慮在內。」

在BalusC完整的解釋，並提出解決方案看一看在這裏：JSF 2.0 strips out needed HTML5 attributes

Answer 2

您可以使用jQuery或JavaScript的網頁渲染後添加的屬性。