всплывающее окно с ошибкой при выборе радиокнопки

Question

Мы реализуем функциональность, в которой текстовое поле отключено или включено компонент ввода jsf в зависимости от значения другого компонента ввода, который является переключателем. Функциональность работает, но всплывает окно с ошибкой

malformedXML: During update: new:j_idt335 not found

Когда я нажимаю на радио, выберите параметры

Радиокнопка Мужской O Радиокнопка Женский O
Поле ввода Текстовое поле Мужской [_____] Женский [_____]

При выборе переключателя для мужчины поле ввода для женщины отключено

При выборе переключателя для женщины поле ввода для мужчины отключено

 <ui:composition 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:p="http://primefaces.org/ui"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    template="/src/template.xhtml">
<ui:define name="content">          
    <h:form id="new" enctype="multipart/form-data">
    <h:panelGroup id="id2">
    <p:growl id="growl" sticky="true" showDetail="true" />
    <p:wizard id="newWizard" showNavBar="true" widgetVar="wiz" flowListener="#{SelectMB.handleFlow}">  
            <p:tab id="tab"
                    title="Form">
                <ui:include src="/jsf/formgender.xhtml" />
            </p:tab>
        </p:wizard> 
    </h:panelGroup>
    </h:form>    
</ui:define>

formgender.xhtml 

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core"
    xmlns:pe="http://primefaces.org/ui/extensions"
>

<p:panel id="type" styleClass="panelNoBorder">  
    <p:fieldset toggleable="true"  toggleSpeed="500" 
legend="Info">

        <div class="ui-g">
            <div class="ui-g-1"><p:outputLabel value="genderType" /></div>
            <div class="ui-g-3">
            <p:row>
                <h:selectOneRadio value="#{SelectMB.genderType}">
                    <f:selectItem itemValue="male" 
  itemLabel="male" />
                    <f:selectItem itemValue="female" 
itemLabel="female" />

                    <f:ajax render="male" />
                    <f:ajax render="female" /> 
                </h:selectOneRadio>
            </p:row>

            </div>
            <div class="ui-g-1"><p:outputLabel value="male" /></div>
            <div class="ui-g-3">
            <p:row>
            <p:inputText id="male" value="#{SelectMB.male}" 
disabled="#{SelectMB.genderType eq 'female'}" />           
            </p:row>
            </div>

        </div>

        <div class="ui-g">

           <div class="ui-g-1"><p:outputLabel value="female" /></div>
            <div class="ui-g-3">
            <p:row>      
                    <p:inputText id="female"  value="# 
 {SelectMB.femaleList}"   disabled="#{SelectMB.genderType eq 'male'}" 
/>          
            </p:row>
            </div>      
        </div>              
       </p:fieldset>
    </p:panel>

SelectMB.java

private String genderType;

    public String getgenderType() {
    return genderType;
}
public void setgenderType(String genderType) {
    this.genderType = genderType;
}

private String male;
private String femaleList;

    public String getMale() {
    return male;
}
public void setMale(String male) {
    this.male = male;
}

    public String getFemaleList() {
    return femaleList;
}
public void setFemaleList(String femaleList) {
    this.femaleList = femaleList;
}

Функциональность работает как положено.

Сообщение об ошибке: -

Когда я нажимаю на опции выбора радио, функциональность работает как положено, но в окне предупреждения отображается сообщение об ошибке.

    malformedXML: During update: new:j_idt335 not found

Ожидаемые результаты: -

Если выбран переключатель «один», поле ввода текста другого параметра должно быть отключено.

минимальный воспроизводимый пример. jsf.version 2.0

template.xhtml 
<h:form id="new" enctype="multipart/form-data"> 
<ui:include src="/jsf/formgender.xhtml" /> </h:form>                

formgender.xhtml 

<h:selectOneRadio value="#{SelectMB.genderType}"> 
<f:selectItem itemValue="male" itemLabel="male" /> 
<f:selectItem itemValue="female" itemLabel="female" />  
<f:ajax render="male" /> <f:ajax render="female" /> 
</h:selectOneRadio> 
<p:inputText id="male" value="#{SelectMB.male}" disabled="#{SelectMB.genderType eq 'female'}" /> 
<p:inputText id="female" value="#{SelectMB.femaleList}" disabled="#{SelectMB.genderType eq 'male'}" />      

Answer 1

Попробуйте добавить оба входа в div и визуализировать этот div, как показано ниже

<h:selectOneRadio value="#{SelectMB.genderType}"> 
<f:selectItem itemValue="male" itemLabel="male" /> 
<f:selectItem itemValue="female" itemLabel="female" />  
<f:ajax render="input_" /> 
</h:selectOneRadio> 
<h:panelGrid layout="block" id="input_">
<p:inputText id="male" value="#{SelectMB.male}" disabled="#{SelectMB.genderType eq 'female'}" /> 
<p:inputText id="female" value="#{SelectMB.femaleList}" disabled="#{SelectMB.genderType eq 'male'}" />  
</h:panelGrid>