0

这是我之前关于页面组件条件渲染的帖子的更新。我现在可以使用 f:ajax 标记根据选定的用户输入有条件地在页面上呈现不同的组件。问题在于，当我单击命令按钮时，使用 ajax 有条件地呈现的输入不会在提交时被读取。我猜这是因为当我添加新组件时整个页面没有重新呈现，并且提交按钮看不到它们，即使它们在那里。这是我的表单页面的片段（它包含在 ah:form 标签中）：

            <h:outputLabel for="selectPersonType" value="Select Type: "/>
            <h:selectOneMenu id="selectPersonType" value="#{addPersonBean.personType}" label="Person Type" required="true">
                <f:selectItem itemValue=""/>
                <f:selectItems value="#{listBean.personTypes}" />
                <f:ajax render="results"/>
            </h:selectOneMenu>
            <h:message for="selectPersonType" style="color: red"/>
        </h:panelGrid>

        <h:panelGroup id="results">
            
            <h:panelGroup rendered="#{addPersonBean.personType == 'STUDENT'}">
                <h:outputLabel for="selectSchoolType" value="School Type: " />
                <h:selectOneMenu id="selectSchoolType" value="#{addPersonBean.schoolType}">
                    <f:selectItems value="#{listBean.schoolTypes}" />
                    <f:ajax execute="selectSchoolType"/>
                </h:selectOneMenu>
            </h:panelGroup>
            
            <h:panelGroup rendered="#{addPersonBean.personType == 'PATIENT'}">
                <h:outputLabel for="smoker" value="Smoker? " />
                <h:selectBooleanCheckbox id="smoker" value="#{addPersonBean.smoker}">
                    <f:ajax execute="smoker"/>
                </h:selectBooleanCheckbox>
  
            </h:panelGroup>
        </h:panelGroup>

        <h:commandButton value="Add Person" action="#{addPersonBean.action}"/>

这里的问题是，当我单击命令按钮时，没有设置 ID 为“selectSchoolType”和“吸烟者”值的组件，因为它们是在页面加载后使用 selectPersonType 选择菜单有条件地呈现的。有没有办法在组件的值更改而不是单击提交按钮时触发组件（因此，在我单击提交之前应该处理它们的值）。如您所见，我尝试使用 f:ajax 和附加到相关组件的执行属性，但它似乎不起作用。（我相信这些组件的默认事件是 valueChange，所以没有将它们添加到 f:ajax 标签中，但我已经尝试过 'change' 和 'valueChange'）。

4

1 回答 1

1

你所有的<f:ajax>东西都在一个条件渲染的组件中。在处理表单提交期间，当rendered属性后面的条件评估为时，此构造将失败。false当#{addPersonBean}在请求范围内并且没有rendered在（后）构造期间预初始化属性背后的条件时，或者当它以错误的方式在 getter/setter 中执行业务逻辑时，就会发生这种情况。

将其放置#{addPersonBean}在视图范围内并确保您没有在 getter/setter 中执行业务逻辑应该可以解决此问题。

也可以看看：

于 2012-11-28T12:58:09.033 回答