Search

This component will add search bar in status bar.

  1. The required handler will be a SbSearchHandler in the related @Named bean.
  2. The direct children of the component are shown in the drop-down-list
  3. A <f:facet name="resultList"> will provide a info button and then show the facet if hovering.

The following attributes are in development:

  • orientation : The component can be placed left or right in the status-bar.
  • update : Will update a component on the page. In this example the "Demo" panel.
  • The boolean attribute applyList (default=false) will render a carriage-return icon beside the cancel icon and can be used e.g. to apply the results in the pull-down menu to a table on the page. After clicking, the method "applySbSearch" will be triggered (and propagated to the bean) and the components in update will be updated.

Open issues:

  • After clicking a search entry the update should be triggered and the pull-down should disappear.
  • After clicking "somewhere else" the pull-down should disappear, but the search text should stay.

Demo
Selection
List
No records found.
<jp:sbSearch handler="#{sbhSearchBean.sbhSearch}" update=":selectionPanel">
	<h:outputText value="#{var.firstName}"/>
	<f:facet name="resultDetail">
		<p:panel header="Detail user #{var.firstName}" styleClass="jeeslPanel jeesl-panel">
			<j:inputGrid>
				<p:outputLabel value="Password" />
				<h:panelGroup class="jeesl-input-container">
					<p:inputText value="blabla"/>
					<p:commandButton value="Test" actionListener="#{sbhSearchBean.check()}"/>
				</h:panelGroup>
			</j:inputGrid>
		</p:panel>
	</f:facet>
</jp:sbSearch>
</ui:composition>