Button/Link
Data
Input
Miscellaneous
Multimedia
Output
Panel
Select
JSTL
Faces Core
Facelets
Extensions

alloy:autoComplete

AutoComplete is a UIInput component that renders an <input> element and a popup list. Suggestions (list items) can be added by specifying f:selectItem or f:selectItems tags as children. Since it extends HtmlInputText, it supports all the features of h:inputText.

Highlighter Usage

The filtered items can be highlighted via the highlighterType attribute.

Source Code

<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:alloy="http://liferay.com/faces/alloy"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
<alloy:form>
<alloy:field label="#{i18n['highlighter-type']}">
<alloy:selectOneMenu value="#{autoCompleteViewBean.serverFilterType}" hideNoSelectionOption="true">
<f:selectItem itemValue="charMatch" />
<f:selectItem itemValue="phraseMatch" />
<f:selectItem itemValue="startsWith" />
<f:selectItem itemValue="subWordMatch" />
<f:selectItem itemValue="wordMatch" />
<f:ajax render="autoComplete" />
</alloy:selectOneMenu>
</alloy:field>
<alloy:field label="#{i18n['favorite-liferay-benefit']}">
<alloy:autoComplete id="autoComplete" highlighterType="#{autoCompleteViewBean.serverFilterType}"
serverFilterType="phraseMatch" value="#{autoCompleteModelBean.text}">
<f:selectItem itemValue="Compatible" />
<f:selectItem itemValue="Enterprise Ready" />
<f:selectItem itemValue="Powerful Integration" />
<f:selectItem itemValue="Lightweight" />
<f:selectItem itemValue="Open Source" />
</alloy:autoComplete>
</alloy:field>
<hr />
<alloy:commandButton render="@form" value="#{i18n['submit']}" />
<alloy:outputText id="modelValue" value="#{autoCompleteModelBean.text}" />
</alloy:form>
</ui:composition>
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
@ManagedBean
@RequestScoped
public class AutoCompleteModelBean {
@ManagedProperty(name = "liferayBenefitService", value = "#{liferayBenefitService}")
private LiferayBenefitService liferayBenefitService;
private String text;
public List<LiferayBenefit> getLiferayBenefits() {
return liferayBenefitService.getLiferayBenefits();
}
public String getText() {
return text;
}
public void setLiferayBenefitService(LiferayBenefitService liferayBenefitService) {
this.liferayBenefitService = liferayBenefitService;
}
public void setText(String text) {
this.text = text;
}
}
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Liferay Faces Alloy 4.1.1 + Liferay Faces Bridge Implementation 5.0.0 + Showcase Common 4.0.0 + Liferay Faces Util 3.4.1 + Mojarra 2.2.20