h:commandLink 和 onclick Javascript 函数

Question

我有以下和平的代码：

<DIV>
    <h:commandLink action="#{documentGen.generatePDF}"
        target="_blank"
        onclick="return checkSelected();">
        <h:graphicImage url="/images/pdf.jpg"
        styleClass="pdfimage" title="Click to show PDF"></h:graphicImage>
    </h:commandLink>
</DIV>

上面的内容放在一个表格中，用户可以在其中勾选复选框并单击上面的 commandLink，这意味着打开一个新窗口并显示由 backbean #{documentGen 生成的内容.generatePDF}。

如果我不包含onclick="return checkSelected();"，这将按预期工作。如果我包含它，那么 backbean 永远不会被调用，而是我得到一个与当前窗口重复的新窗口。

我需要这个 javascript 函数来检查用户至少选中了 1 个复选框，否则显示警报。 Javascript 函数工作正常，如果单击 commandLink 时没有勾选复选框，我会看到警报。

我的问题是，为什么 onclick 行会搞乱 commandLink 的功能？我做错了什么？

更新：

h:commandLink 位于h:form 内。如前所述，上面的命令链接可以按预期工作，无需 onclick=....。

为了测试，我将 onclick 上调用的 javascript 函数更改为：

function testFunc() {
        alert("GOT Here!")
        return ture;
 }

并在单击的命令链接中更改为： onclick="return testFunc();"

结果是我收到警报“GOT Here！”但和以前一样，新窗口与当前窗口重复，并且 backbean 不会被调用。删除 onclick 行可以纠正结果（但需要那里的 javascript 函数来检查选中的复选框）。

在浏览器源代码视图中，不带 onclik 的命令链接和带 onclick 的命令链接之间的区别如下：

  <a href="#" onclick="return oamSubmitForm('genView','genView:_idJsp33','_blank',[]);" id="genView:_idJsp33" target="_blank"><img src="/images/pdf.jpg" title="Click for Pdf Document" class="pdfimage"></a>


  <a href="#" onclick="return testFunc();;return oamSubmitForm('genView','genView:_idJsp33','_blank',[]);" id="genView:_idJsp33" target="_blank"><img src="/images/pdf.jpg" title="Click for Pdf Document" class="pdfimage"></a>

任何帮助将不胜感激。谢谢

Answer 1

问题是你总是要回来。我认为你想要的只是在必要时返回 false ，否则继续。

因此，将 onclick 更改为

onclick="if (checkSelected()) { return false; }"

这肯定是 Ajax 提交表单的问题，因为如果您之前返回，则永远不会调用提交。我可以想象这对于标准表单提交也很重要。

Answer 2

如果在 commandLink 的 onclick 事件中返回 false，则不会提交表单