How to fire valueChangeEvent when tabs out for inputComboboxListOfValues

Question

Hi,
Env: JDev 11.1.1.4 and ADF.
In my page it has one inputComboboxListOfValues field, it can be entered into a new value or select one from LOV, now I met one issue that when enter into a new value and tabs out, it will open search popup window, but if I close popup window(ok or close button), it will return and lose focus and it can't fire valueChangeEvent, but in valueChangeListener() I need to enable/disable other fields. (autoSubmit="true")
<af:inputComboboxListOfValues id="ToPlanId"
        popupTitle="Search and Select: #{bindings.CopyPlanName.hints.label}"
        value="#{bindings.CopyPlanName.inputValue}"
        label="#{bundle.PLAN_NAME}"
        model="#{bindings.CopyPlanName.listOfValuesModel}"
        required="false" showRequired="true"
        columns="#{bindings.CopyPlanName.hints.displayWidth}"
        shortDesc="#{bindings.CopyPlanName.hints.tooltip}"
        autoSubmit="true" immediate="false" maximumLength="10"
        binding="#{backingBeanScope.CopyPlanBean.destPlanName}"
        valueChangeListener="#{backingBeanScope.CopyPlanBean.destPlanNameChanged}"
        visible="false" partialTriggers="FromPlanType FromPlanName">
</af:inputComboboxListOfValues>I searched all forums and docs and can't find any guide for that, so my question is:
1) if ADF supports that use "Tab" key can fire valueChangeEvent? if so, what's wrong with my code?
2) if not support, how can I fix this issue?
thanks,
zeroxin

Answer 1

Hi,
refer this code,
Page code
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
  <jsp:directive.page contentType="text/html;charset=UTF-8"/>
  <f:view>
    <af:document id="d1">
      <af:messages id="m1"/>
      <af:resource type="javascript">
        function onLovValueTabbedOut(evt) {
            var it4 = evt.getSource().findComponent('it4');
            AdfCustomEvent.queue(it4, "onLovValueTabbedOut",
                'key1' : 'val1',
                'key2' : 'val2'
true);
      </af:resource>
      <af:form id="f1">
        <af:panelFormLayout id="pfl1">
          <af:inputComboboxListOfValues id="type1Id"
                                        popupTitle="Search and Select: #{bindings.Type1.hints.label}"
                                        value="#{bindings.Type1.inputValue}"
                                        label="#{bindings.Type1.hints.label}"
                                        model="#{bindings.Type1.listOfValuesModel}"
                                        required="#{bindings.Type1.hints.mandatory}"
                                        columns="#{bindings.Type1.hints.displayWidth}"
                                        shortDesc="#{bindings.Type1.hints.tooltip}">
            <f:validator binding="#{bindings.Type1.validator}"/>
            <af:clientListener method="onLovValueTabbedOut" type="blur"/>
          </af:inputComboboxListOfValues>
          <af:inputText value="#{bindings.RowID.inputValue}"
                        label="#{bindings.RowID.hints.label}"
                        required="#{bindings.RowID.hints.mandatory}"
                        columns="#{bindings.RowID.hints.displayWidth}"
                        clientComponent="true"
                        maximumLength="#{bindings.RowID.hints.precision}"
                        shortDesc="#{bindings.RowID.hints.tooltip}" id="it4">
            <f:validator binding="#{bindings.RowID.validator}"/>
            <af:serverListener type="onLovValueTabbedOut"
                               method="#{bean1.onTabbedOut}"/>
          </af:inputText>
          <f:facet name="footer">
            <af:panelGroupLayout layout="horizontal" id="pgl1">
              <af:commandButton actionListener="#{bindings.First.execute}"
                                text="First"
                                disabled="#{!bindings.First.enabled}"
                                partialSubmit="true" id="cb2"/>
              <af:commandButton actionListener="#{bindings.Previous.execute}"
                                text="Previous"
                                disabled="#{!bindings.Previous.enabled}"
                                partialSubmit="true" id="cb3"/>
              <af:commandButton actionListener="#{bindings.Next.execute}"
                                text="Next" disabled="#{!bindings.Next.enabled}"
                                partialSubmit="true" id="cb4"/>
              <af:commandButton actionListener="#{bindings.Last.execute}"
                                text="Last" disabled="#{!bindings.Last.enabled}"
                                partialSubmit="true" id="cb1"/>
              <af:commandButton actionListener="#{bindings.Commit.execute}"
                                text="Commit" partialSubmit="true"
                                disabled="#{!bindings.Commit.enabled}"
                                id="cb5"/>
              <af:commandButton actionListener="#{bindings.Rollback.execute}"
                                text="Rollback" partialSubmit="true"
                                disabled="#{!bindings.Rollback.enabled}"
                                immediate="true" id="cb6">
                <af:resetActionListener/>
              </af:commandButton>
            </af:panelGroupLayout>
          </f:facet>
        </af:panelFormLayout>
      </af:form>
    </af:document>
  </f:view>
</jsp:root>Bean code
package view;
import oracle.adf.view.rich.render.ClientEvent;
public class Bean1 {
    public Bean1() {
        super();
    public void onTabbedOut(ClientEvent clientEvent) {
        System.out.println("clientEvent : " + clientEvent.getParameters());
}doc :
http://docs.oracle.com/cd/E21043_01/apirefs.1111/e12419/tagdoc/af_serverListener.html
Cheers!!!
Regards,