jsf - 使用 just for JS execution without form submit

Question

我该如何制作 <p:commandLink>没有提交？仅用于 JS 执行。
对于 <p:commandButton>我可以这样做:

<p:commandButton value="JS button" type="button" onclick="alert('clicked')"/>

<p:commandLink> 的模拟是什么？ ?

Answer 1

刚刚return false来自 JavaScript 处理程序。

<p:commandLink ... onclick="alert('clicked'); return false;" />

这同样适用于所有其他 on*顺便说一下，属性和命令按钮。

<p:commandButton ... onclick="alert('clicked'); return false;" />

每当你 return false来自任何 JavaScript on* HTML 元素上的属性，元素的默认操作/行为(在这种情况下，提交表单)将被阻止。

尽管如此，如果您毕竟不需要调用 JSF 支持 bean 操作方法，那么首先不要使用命令链接/按钮组件。使用普通链接/按钮组件。

<h:link ... onclick="alert('clicked'); return false;" />

<p:button ... onclick="alert('clicked'); return false;" />

这些也不需要放在表格中。