Procesar la función onclick después de la llamada ajax <f: ajax>
Estoy tratando de seleccionar y enfocarme en la ID del componente seleccionado después de enviar un formulario (llamada ajax).
<script>
var myFunc = function() {
document.getElementById('form:#{bean.componentId}').focus();
document.getElementById('form:#{bean.componentId}').select();
};
$(document).ready(function() {
myFunc();
});
</script>
<h:form id="form">
<h:commandButton action="#{bean.save}" onclick="return myFunc();" ...>
<f:ajax execute="@form" render="@form"/>
</h:commandButton>
...
</h:form>
Esta solución está funcionando, pero el problema es que<f:ajax>
se llama despuésonclick
, por lo que el formulario se procesa después de la selección del componente y se borra el enfoque.
¿Cómo puedo llamar a mi función DESPUÉS de que se haya procesado el formulario?
actualizar: (Lo he intentado por ejemplo)
añadironevent="myFunc();"
af:ajax
=> lleva a la página de actualizaciónañadironevent="myFunc()"
af:ajax
=> mismo comportamiento queonclick
atributosiguientef:ajax
cononevent
attr. => sigue siendo el mismoupdate2 (como debería funcionar):
botón de envío se llama ajaxla forma se limpia según sea necesarioel campo apropiado está enfocado (depende de algunos factores elegidos por el usuario)