HTML and CSS Reference
In-Depth Information
<ui:composition template="/WEB-INF/templates/main.xhtml">
<ui:define name="menu">
<ui:include src="/protected/views/menu.xhtml"/>
</ui:define>
<ui:define name="content">
<h3>Search for books</h3>
<h:form id="searchForm" class="form-search">
<h:outputText value="Enter book title: "/>
<h:inputText id="searchTitle" class="search-query input-medium"
value="#{bookSearchBacking.searchTitle}"
required="true"/> 
<h:commandButton value="Search for book" class="btn" action="#{bookSearchBacking.
retrieveBookList}">
<f:ajax execute="searchTitle" render="results messages"/>
</h:commandButton>
<br/><br/>
<h:panelGroup id="results" class="table-responsive">
<h:outputText id="informationMessage"
value="#{bookSearchBacking.infoMessage}"
rendered="#{bookSearchBacking.infoMessage ne null}"
class="informationMessage"/>
<h:dataTable value="#{bookSearchBacking.bookList}"
var="currentBook" class="table"
rendered="#{not empty bookSearchBacking.bookList}">
<h:column>
<f:facet name="header">
ISBN
</f:facet>
#{currentBook.isbn}
</h:column>
<h:column>
<f:facet name="header">
Publisher
</f:facet>
#{currentBook.publisher}
</h:column>
<h:column>
<f:facet name="header">
Title
</f:facet>
#{currentBook.title}
</h:column>
