форма JSF не получает представляется, когда форма отключена JavaScript

Question

Это кнопка представляет:

<h:commandButton 
    actionListener="#{regBean.findReg}" 
    action="#{regBean.navigate}" value="Search" /> 

Это форма:

<h:form onsubmit="this.disabled=true;busyProcess();return true;"> 

Если кнопка отправить нажата, шоу страницы значок «занят», пока запрос не будет обработан. Проблема в том, что форма никогда не отправляется, и запрос никогда не достигает бэкэнда. Однако, если я вместо этого выберу «отключенный» вызов, например:

<h:form onsubmit="busyProcess();return true;"> 

Тогда все работает. Есть идеи?

Answer 1

JSF зависит от наличия пару имени-имени кнопки отправки для вызова определенного действия на стороне сервера. Если вы отключите форму (по крайней мере, кнопку) перед отправкой формы, тогда никакая информация не будет доступна на карте параметров запроса, и JSF не будет вызывать никаких действий.

Ваш лучший выбор - ввести таймаут, в котором вы отключите кнопку около 50 мс после отправки. Например.

onsubmit="setTimeout(function(){document.getElementById('formId:buttonId').disabled=true;},50);busyProcess();" 

Явный return true; в конце концов, кстати superflous. Кроме того, отключение элемента формы HTML напрямую не будет работать, поскольку у него нет атрибута disabled, вы хотите отключить кнопку (и, при необходимости, другие элементы ввода).

Вот некоторые улучшения:

<h:form onsubmit="busyProcess(this);"> 

с

function busyProcess(form) { 
    setTimeout(function() { 
     for (var i = 0; i < form.elements.length; i++) { 
      form.elements[i].disabled = true; 
     } 
    }, 50); 

    // Remnant of your code here. 
} 

---

Update: так как я подумал, что вы сказали, что она "работает", я тестировал атрибут форме в disabled в различных браузеров, он работает только в MSIE (удивительно ..), но не в других (реальных) браузерах. Вы не хотите быть независимым от браузера, поэтому забудьте об этом и продолжайте отключать отдельные элементы формы.

Answer 2

this.disabled = true Изменения в [buttonref].disabled = true

Answer 3

Я уверен, что отключение всей формы будет означать для браузера, который вы не хотите, чтобы это было submittable. Когда вы отключите отдельные элементы ввода, они не включаются в параметры, отправленные на сервер при отправке формы.

Answer 4

Вы отключили всю форму, вам нужно отключить только кнопку.

Также вы должны убедиться, что ваш busyProcess() возвращает правдивое значение или представление может быть также отключено.

Answer 5

Если вы хотите, чтобы пользователь не отправлял ничего, пусть слой появится над формой и удалит фокус с активного компонента.

Другой способ, чтобы убедиться, что запросы AJAX использовать общий канал, который имеет очереди, в которой только один запрос обрабатывается одновременно (с помощью простых механизмов, как прототип и т.д.)

Answer 6

BalusC, ваш очень творческий вариант таймаута работает хорошо. На самом деле я пришел к такому же выводу, когда я попробовал атрибут «disabled» в других браузерах. Он не отключил форму вообще в Opera и Firefox. Я просто делаю это для тех браузеров, которые более универсальны, чем IE.

Sean K, отключая кнопку только без установки тайм-аута, выдает ту же проблему, что и форма отключения, так как информация передается на сервер.

Спасибо за помощь!