f:ajax 渲染表单组件

Question

我想根据我是否选择的复选框在表单中呈现单个组件(h:selectManyCheckbox)。

<h:form> 
    <h:selectBooleanCheckbox value="#{bean.var}">
        <f:ajax event="click" render="employeeCheckboxes" />
    </h:selectBooleanCheckbox>

    <h:selectManyCheckbox 
        id="employeeCheckboxes"
        value="#{bean.checkboxes}"
        rendered="#{var}">
    </h:selectManyCheckbox>
</h:form>

但是，组件不会在选中或取消选中复选框时重新呈现。但是，我可以重新渲染整个表单，但我不希望这样。

Answer 1

您不能引用<f:ajax render> 中的组件，该组件首先从未在 HTML 输出中呈现。 <f:ajax render> 在幕后使用 JavaScript document.getElementById() 来查找 HTML 元素，以便使用来自 ajax 响应的新 HTML 结构对其进行更新。但是，如果一个 JSF 组件首先从未在 HTML 输出中呈现，那么 JavaScript 也无法在任何地方找到它。

您需要将它包装在另一个始终呈现的组件中。

<h:form> 
    <h:selectBooleanCheckbox value="#{bean.var}">
        <f:ajax render="employeeCheckboxesGroup" />
    </h:selectBooleanCheckbox>

    <h:panelGroup id="employeeCheckboxesGroup">
        <h:selectManyCheckbox 
            id="employeeCheckboxes"
            value="#{bean.checkboxes}"
            rendered="#{bean.var}">
        </h:selectManyCheckbox>
    </h:panelGroup>
</h:form>

（请注意，我删除了event="click"，因为它已经是默认设置了）

另见：

• Why do I need to nest a component with rendered="#{some}" in another component when I want to ajax-update it?

Answer 2

您好，我认为您错过了托管 bean 名称

渲染属性

复选框标记。