如何在预先设计的普通HTML页面中使用JSF表达语言

Question

JSF通常在XHTML页面（例如：h:inputText等）中使用其自己的标签。但是，假设我们有一个已经设计的普通HTML页面，我们想在其中使用JSF表达语言（EL）。如何实现它？

<div class="col-md-10 col-md-offset-1">
  <form>
    <div class="input-group">
      <input id="textField" type= "text" class="form-control" name="searchingWord" placeholder="Search Something ..." value="#{wordController.searchingWord}"/>
      <span class="input-group-btn"> <a id="searchButton" class="btn btn-danger" href="search.html"> SEARCH </a> </span>
    </div>
  </form>
</div>

Answer 1

将普通的HTML元素变成JSF组件的最简单方法是由jsf:id替换id。

<... xmlns:jsf="http://xmlns.jcp.org/jsf">
...
<form jsf:id="form">
    ...
    <input jsf:id="textField" ... />
    ...
</form>

如果您在匹配HTML页面的URL模式上映射FacesServlet，则休息是自动的（例如*.html）。此JSF 2.2 功能被称为" PassTrough Elements"。

另请参见：

• 是否可以使用HTML 4/5？
使用JSF Facelets