集成JSF 2和JQuery Mobile

Question

我正在尝试使用现有的JSF 2页面并使用JQuery Mobile（JQM）对其进行样式设置。问题是JSF不会处理一些JQM属性。例如，我想创建一个JQM样式的搜索输入：

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

为了将它与JSF页面集成，我试过这个：

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

JSF不接受type属性，因此呈现的HTML如下所示：

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

这不会产生正确的JQM搜索小部件： - （

我用Google搜索了几个小时，但没有找到任何两者整合的例子。关于如何使JQM和JSF发挥得很好的任何想法？提前谢谢！

Answer 1

＆＃34;要解决此问题，您需要创建一个custom component或更好的custom renderer来覆盖标准<h:inputText>渲染器，并将自定义属性考虑在内＆＃34;

在此处查看 BalusC 完整说明和建议的解决方案：JSF 2.0 strips out needed HTML5 attributes

Answer 2

您可以在呈现页面后使用jQuery或javascript添加属性。