JSF - 关于 UIComponent 上的操作的两个问题

Question

所以，让我告诉我们我的烦恼:)

1 - 当我点击命令按钮时

<h:commandButton value="Somethings">
    <f:setPropertyActionListener target="#{bean.method}" value="some" />
    <f:ajax render="rendering"/>
</h:commandButton>

我没有对commandButton 执行任何操作。只是我触发了ajax调用。如果我在按钮上添加一个操作（如action="bean.myAction），它将在 JSF 生命周期的 5° 阶段执行（好吧，只有当我在 f:ajax 中写入 event="action" 时，但这是默认设置）。对？但是 f:ajax 默认是通过点击按钮来触发的吗？因为例如对于 ListBox，它只有在我写 event="change" 时才会被触发（同样，我不应该写它，因为它是默认的）。

2 - 当我点击图片时

<h:graphicImage value="img/img.png" alt="img">
    <f:setPropertyActionListener target="#{bean.method}" value="some" />
    <f:ajax event="onclick" render="rendering"/>
</h:graphicImage>

这不起作用。为什么？

像往常一样，感谢您的帮助！！！！

Answer 1

1 - 当我点击命令按钮时

我没有对 commandButton 执行任何操作。只是我触发了ajax调用。如果我在按钮上添加一个动作（如 action="bean.myAction），它将在 JSF 生命周期的 5° 阶段执行

f:setPropertyActionListener 也将在第 5 阶段执行。

（好吧，仅当我在 f:ajax 中写入 event="action" 时，但这是默认设置）。对？但是 f:ajax 默认是通过点击按钮来触发的吗？因为例如对于 ListBox，它只有在我写 event="change" 时才会被触发（同样，我不应该写它，因为它是默认的）。

f:ajax 只是将行为从同步提交更改为异步（部分）提交。它通过为父组件的所需事件属性生成一些额外的 JavaScript 代码来实现这一点（例如，onclick、onchange 等，在 webbrowser 中查看生成的 HTML 输出）。它不会改变 JSF 生命周期中的任何内容。只有呈现的响应将是部分响应，这正是要在组件中更新的部分，其 ID 在render 属性中定义。

---

2 - 当我点击图片时

这不起作用。为什么？

因为h:graphicImage 根本不支持f:setPropertyActionListener。它仅适用于UICommand 组件。

您想将其包装在 h:commandLink 中。

<h:commandLink>
    <f:setPropertyActionListener target="#{bean.method}" value="some" />
    <f:ajax event="action" render="rendering"/>
    <h:graphicImage value="img/img.png" alt="img"/>
</h:commandLink>

（如有必要，使用 CSS 设置由生成的 <a> 元素引起的边框/下划线样式）