集成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的网页渲染后添加的属性。