Как отключить/повторно включить компонент JSF с помощью javascript?

Question

Я разрабатываю приложение Java EE (JSF2 + richfaces 3.3.3 + facelets).

Я хочу отключить мой h: selectOneMenu при загрузке моей страницы, и когда он заканчивает загрузку (используя функцию onload()), я хочу снова включить мой компонент. у меня есть что-то вроде этого:

<ui:define name="infosHead"> 
    <script type="text/javascript"> 
     window.onload = function() { 
      document.getElementById("forme1_myform:valueCh").disabled = false; 
      alert("here"); 
     } 
    </script> 
</ui:define> 
<ui:define name="infosBody"> 
    <h:form id="forme1_myform" target="_blank"> 
    <h:selectOneMenu id="valueCh" value="#{mybean.value}" disabled="true" > 
     <f:selectItems value="#{mybean.values}" /> 
     <a4j:support event="onchange" 
       ajaxSingle="true" 
       limitToList="true"      
       reRender="id1,id2,...." 
       ignoreDupResponses="true" 
       action="#{mybean.actionme}" 
       oncomplete="getId();"/> 
     </h:selectOneMenu> 
    </h:form> 
</ui:define> 

это работает нормально. Но мой боб ничего не получает (mybean.value == null).

Как будто он считает, что компонент по-прежнему отключен.

Как я могу это сделать?

Answer 1

Я нашел это решение.

<ui:define name="infosHead"> 
    <script type="text/javascript"> 
     window.onload = function() { 
      updateName(false); // sets 'disabled' from true to false 
     } 
    </script> 
</ui:define> 
<ui:define name="infosBody"> 
    <h:form id="forme1_myform" target="_blank"> 
    <h:selectOneMenu id="valueCh" value="#{mybean.value}" disabled="#{mybean.render}" > 
     <f:selectItems value="#{mybean.values}" /> 
     <a4j:support event="onchange" 
       ajaxSingle="true" 
       limitToList="true"      
       reRender="id1,id2,...." 
       ignoreDupResponses="true" 
       action="#{mybean.actionme}" 
       oncomplete="getId();"/> 
     </h:selectOneMenu> 
    </h:form> 
    <a4j:form> 
     <!-- this is where it's going to reRender my component --> 
     <a4j:jsFunction name="updateName" reRender="valueCh"> 
      <a4j:actionparam name="param1" assignTo="#{mybean.render}" /> 
     </a4j:jsFunction> 
    </a4j:form> 
</ui:define> 

и это содержание mybean:

public class MyBean implements Serializable { 

    private List<SelectItem> values; 
    private String value; 
    private Boolean render = true; // the page loads with element disabled 

    public void actionme(){...} 
    //getters & setters 
} 

Answer 2

Проблема заключается в том, что вы включаете свой компонент только на стороне клиента. На стороне сервера всегда будет disabled="true". Для выполнения этой работы вы должны:

a. Назначает отключенное свойство компонента в управляемой фасоли собственности, которая будет первоначально «истиной»

disabled="#{myController.valueChDisableStatus}"

б. Внутри вашего h: form insert window.onload = callScript

c. Наконец, в методе установить значение valueChDisableStatus на значение false

Я не могу проверить решение прямо сейчас, но я считаю, что он будет работать нормально.

Answer 3

Ни один из этих решений не работал для меня.

При установке атрибута отключенного элемента из управляемого управляемого компонента работа выполнена нормально, а изменение его значения с помощью javascript также отлично работает, как только форма отправлена, метод «someaction» все еще не достигнут, чтобы «установить свойство valueChDisableStatus to false ". Кроме того, я обнаружил, что хотя мой управляемый bean-компонент имел isDisabled() и setDisabled (логическое значение), метод setDisabled() никогда не вызывался после отправки формы (конечно), хотя isDisabled() был. Поэтому мне не удалось найти способ использовать эти решения, чтобы изменить значение «disabledElement» управляемых компонентов на false.

Я нашел решение, которое сделал работу для меня, хотя по этой ссылке: http://blog.michaelscepaniak.com/jsf-you-cant-submit-a-disabled-form-element

В основном это означает, что по умолчанию все элементы должны быть «включено» с точки зрения JSF, и что все включения и выключения должно выполняться через Javascript. Он указывает, что состояние клиента и сервера временно не синхронизируется в этом решении ... но оно отлично работает для моего сценария, независимо от временного несоответствия.