java - 提交表单时未调用 JSF valuechangelistener

Question

我查看了其他类似的帖子，但没有任何帮助。这是我的代码:

<script  type="text/javascript">
function submit1()
{
document.forms["form"].submit();
}
</script>

<form name="form">
    <h:selectOneMenu value="#{bean.categorySelected}" onchange="submit1()"
valueChangeListener="#{bean.changeCategory}">
    <f:selectItem itemLabel="Select a Category" itemValue="null" />
    <f:selectItems value="#{bean.items}" />
</h:selectOneMenu>
</form>

当我从下拉列表中选择时，它只会重新加载组件。这意味着调用了 bean.getItems，但没有调用 value 或 valueChangeListener，我的日志表明它只经历了第 1 阶段和第 6 阶段。如果我没记错的话，除非提交表单，否则不会触发第 2-5 阶段。我做错了什么？

Answer 1

你需要一个完全有值(value)的 JSF <h:form>组件而不是纯 HTML <form>元素。纯 HTML <form>没有任何元素 method和 action属性在默认情况下在当前 URL 上提交 GET 请求时触发。这完全证实了您所看到的行为。这就像您只是通过 F5 刷新当前请求的页面。

因此，按如下方式修复它:

<h:form>
    <h:selectOneMenu value="#{bean.categorySelected}" onchange="this.form.submit()" valueChangeListener="#{bean.changeCategory}">
        <f:selectItem itemLabel="Select a Category" itemValue="null" />
        <f:selectItems value="#{bean.items}" />
    </h:selectOneMenu>
</h:form>

(注意额外的JS函数是不必要的)

<h:form>将生成 <form method="post">以及至少两个 JSF 特定的隐藏输入字段，用于标识当前表单和 View 状态(在修复 JSF 代码后检查生成的 HTML 输出中的差异)。 POST 请求和两个隐藏字段的组合使 JSF 知道它必须处理什么 View 、它必须处理什么表单以及它必须调用什么监听器和操作。