Обработать функцию onclick после вызова ajax <f: ajax>
Я пытаюсь выбрать и сфокусироваться на выбранном идентификаторе компонента после отправки формы (вызов 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>
Это решение работает, но проблема в том, что<f:ajax>
называется ПОСЛЕonclick
, поэтому форма отображается после выбора компонента, и фокус очищается.
Как я могу вызвать свою функцию ПОСЛЕ отображения формы?
Обновить: (Я пробовал например)
Добавлятьonevent="myFunc();"
вf:ajax
=> приводит к обновлению страницыДобавлятьonevent="myFunc()"
вf:ajax
=> такое же поведение какonclick
атрибутследующийf:ajax
с участиемonevent
атр. => все тот жеUpdate2 (как это должно работать):
Кнопка отправки называется AJAXформа очищается по мере необходимостисоответствующее поле сфокусировано (зависит от выбранных пользователем факторов)