hi.... i found submitOnEvent and it looks like a cleaner solution. I added the submitOnEvent call to one of the inputText fields but when I hit "enter", the form is not submitted. below is my page. can someone point me in the right direction. Just would like the search form to be submitted when "enter" is pressed...
thanks...really appreciate the support this forum provides!! <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:c="http://java.sun.com/jstl/core" xmlns:t="http://myfaces.apache.org/tomahawk" xmlns:s="http://myfaces.apache.org/sandbox" xmlns:af="http://xmlns.oracle.com/adf/faces"> <ui:composition> <h:form id="searchStandardsAllDataStandardsSearchForm"> <h:panelGrid columns="1" width="40%"> <af:panelHeader styleClass="searchPanel"> <af:panelForm rows="4" width="40%" styleClass="searchForm"> <af:inputText id="criteriaName" value="#{searchStandardsAllDataStandardsSearchForm.criteria.name}" label="#{messages['name']}:" required="false" readOnly="false"> <s:submitOnEvent for="searchButton" /> </af:inputText> <af:inputText id="criteriaId" value="#{searchStandardsAllDataStandardsSearchForm.criteria.id}" label="#{messages['id']}:" required="false" readOnly="false"> </af:inputText> <af:selectOneChoice id="criteriaCategoryId" value="#{searchStandardsAllDataStandardsSearchForm.criteria.categoryId}" label="#{messages['category.id']}:" required="false" readOnly="false" unselectedLabel="" valueChangeListener="#{searchStandardsController.populateSubcategories}" autoSubmit="true"> <c:if test="${!empty criteriaCategoryIdBackingList}"> <f:selectItems value="#{criteriaCategoryIdBackingList}" /> </c:if> </af:selectOneChoice> <af:selectOneChoice id="criteriaTypeId" value="#{searchStandardsAllDataStandardsSearchForm.criteria.typeId}" label="#{messages['type.id']}:" required="false" readOnly="false" unselectedLabel=""> <c:if test="${!empty criteriaTypeIdBackingList}"> <f:selectItems value="#{criteriaTypeIdBackingList}" /> </c:if> </af:selectOneChoice> <af:selectOneChoice id="criteriaOrganizationId" value="#{searchStandardsAllDataStandardsSearchForm.criteria.organizationId}" label="#{messages['organization.id']}:" required="false" readOnly="false" unselectedLabel=""> <c:if test="${!empty criteriaOrganizationIdBackingList}"> <f:selectItems value="#{criteriaOrganizationIdBackingList}" /> </c:if> </af:selectOneChoice> <af:selectOneChoice id="criteriaGroupId" value="#{searchStandardsAllDataStandardsSearchForm.criteria.groupId}" label="#{messages['group.id']}:" required="false" readOnly="false" unselectedLabel=""> <c:if test="${!empty criteriaGroupIdBackingList}"> <f:selectItems value="#{criteriaGroupIdBackingList}" /> </c:if> </af:selectOneChoice> <af:selectOneChoice id="criteriaSubcategoryId" value="#{searchStandardsAllDataStandardsSearchForm.criteria.subcategoryId}" label="#{messages['subcategory.id']}:" required="false" readOnly="false" unselectedLabel=""> <c:if test="${!empty criteriaSubcategoryIdBackingList}"> <f:selectItems value="#{criteriaSubcategoryIdBackingList}" /> </c:if> </af:selectOneChoice> <af:selectOneChoice id="criteriaStatusId" value="#{searchStandardsAllDataStandardsSearchForm.criteria.statusId}" label="#{messages['status.id']}:" required="false" readOnly="false" unselectedLabel=""> <c:if test="${!empty criteriaStatusIdBackingList}"> <f:selectItems value="#{criteriaStatusIdBackingList}" /> </c:if> </af:selectOneChoice> </af:panelForm> </af:panelHeader> <af:panelButtonBar styleClass="floatleft"> <af:commandLink id="searchButton" text="#{messages['search']}" action="#{searchStandardsController.allDataStandardsSearch}" styleClass="lightbutton"/> </af:panelButtonBar> </h:panelGrid> <a:validator/> </h:form> </ui:composition> </html> jnl1 wrote: > > hi all... > > i'm trying to submit a form when a user hits enter. i'm new to myfaces, > so i'm probably missing something simple. seems like this is done with > javascript. below is my javascript which I found from this site. my > problem is, how/where do i invoke the javascript ? currently, there's a > commandLink that's submitting the form. I have a few inputText fields and > a few dropdowns on the form. > > here's the commandLink: > > <af:commandLink text="#{messages['search']}" > action="#{searchStandardsController.allDataStandardsSearch}" > styleClass="lightbutton"/> > > here's my javascript: > > function submitEnter(commandId,e) > { > var keycode; > if (window.event) > keycode = window.event.keyCode; > else if (e) > keycode = e.which; > else > return true; > > if (keycode == 13) { > clickLink(commandId); > return false; > } else > return true; > } > > function clickLink(linkId) > { > var fireOnThis = document.getElementById(linkId) > if (document.createEvent) > { > var evObj = document.createEvent('MouseEvents') > evObj.initEvent( 'click', true, false ) > fireOnThis.dispatchEvent(evObj) > } > else if (document.createEventObject) > { > fireOnThis.fireEvent('onclick') > } > } > </script> > -- View this message in context: http://www.nabble.com/enter-key-form-submission-%28newbie-question%29-tp15641660p15648139.html Sent from the MyFaces - Users mailing list archive at Nabble.com.