ADF Basics| Tip to Hide af:inputListOfValues search popup at runtime

Hello All

Previously I have posted about a requiremnt of  hiding af:inputListOfValues search icon using CSS
ADF Skinning | Hiding search icon of af:inputListOfValues using CSS & StyleClass

In that solution search icon doesn't appear on page but it is a part of JSF component tree so when user press TAB+SPACE after entering a value in lov component then search popup appears on screen as this action invokes search icon click event

Recently a Friend of mine came across another requirement that was not showing lov popup at all as only autoSuggest behavior was required , so for this first way is to use autoSuggest behavior in an af:inputText compoent using Lov bindings and second way is to short circuit component life cycle



Suppose you have created lov on department name attribute

Enter some value and press TAB+SPACE

LOV search popup appears with some results 

Now to short-circuit JSF life cycle we'll use

FacesContext.getCurrentInstance().responseComplete();

responseComplete indicates that you have already handeled the response and JSF need not to reponse and lifecycle will skip to response as soon as current processing ends and final view of page is created as per JSF component tree

So create launchPopupListener method for LOV in managed bean and write this single line of code

af:inputListOfValues XML source on page

<af:inputListOfValues id="deptNameTransId"
                                      popupTitle="Search and Select: #{bindings.DeptNameTrans.hints.label}"
                                      value="#{bindings.DeptNameTrans.inputValue}"
                                      label="Department"
                                      model="#{bindings.DeptNameTrans.listOfValuesModel}"
                                      required="#{bindings.DeptNameTrans.hints.mandatory}"
                                      columns="#{bindings.DeptNameTrans.hints.displayWidth}"
                                      shortDesc="#{bindings.DeptNameTrans.hints.tooltip}"
                                      launchPopupListener="#{viewScope.InputLovBean.lovLaunchPopupListener}"
                                      autoSubmit="true" contentStyle="width:300px;font-weight:bold;padding:2px;">
                    <f:validator binding="#{bindings.DeptNameTrans.validator}"/>
                    <af:autoSuggestBehavior suggestedItems="#{bindings.DeptNameTrans.suggestedItems}"/>
                </af:inputListOfValues>

LaunchPopupListener code in managed bean

    /**Mehtod to handle launchEvent of Lov Popup
     * @param launchPopupEvent
     */
    public void lovLaunchPopupListener(LaunchPopupEvent launchPopupEvent) {
        //responseComplete indicates that you have already handeled the response 
        //and JSF need not to reponse and lifecycle will skip to response as soon as 
        //current processing ends and final view of page is created as per 
        //JSF component tree
        FacesContext.getCurrentInstance().responseComplete();
    }

Cheers :) Happy Learning