11

如果您有一个 JSF <h:commandLink>（它使用onclickan 事件<a>来提交当前表单），您如何在执行操作之前执行 JavaScript（例如要求删除确认）？

4

8 回答 8

14

可以这样简化

onclick="return confirm('Are you sure?');"
于 2010-12-27T22:13:12.750 回答
7 
<h:commandLink id="myCommandLink" action="#{myPageCode.doDelete}">
    <h:outputText value="#{msgs.deleteText}" />
</h:commandLink>
<script type="text/javascript">
if (document.getElementById) {
    var commandLink = document.getElementById('<c:out value="${myPageCode.myCommandLinkClientId}" />');
    if (commandLink && commandLink.onclick) {
        var commandLinkOnclick = commandLink.onclick;
        commandLink.onclick = function() {
            var result = confirm('Do you really want to <c:out value="${msgs.deleteText}" />?');
            if (result) {
                return commandLinkOnclick();
            }
            return false;
        }
    }
}
</script>

可以通过将调用替换为confirm()对另一个函数的调用来执行其他 Javascript 操作（如验证表单输入等）。

于 2008-09-16T15:33:53.850 回答
7

这对我有用：

<h:commandButton title="#{bundle.NewPatient}" action="#{identifController.prepareCreate}"  
                                             id="newibutton" 
                                             onclick="if(confirm('#{bundle.NewPatient}?'))return true; else return false;" 
                                             value="#{bundle.NewPatient}"/>
于 2011-05-24T16:07:32.517 回答
1

您仍然可以使用 onclick。JSF渲染工具包规范（参见编码行为）描述了链接应该如何处理它。这是重要的部分（它为 onclick 呈现的内容）：

var a=function(){/*your onclick*/}; var b=function(){/*JSF onclick*/}; return (a()==false) ? false : b();

因此，您的函数不会传递事件对象（无论如何这不是可靠的跨浏览器），但返回 true/false 会使提交短路。

于 2008-09-16T15:48:35.950 回答
0

在 JSF 1.2 中，您可以指定 onclick 事件。

此外， MyFaces或IceFaces等其他库也实现了“onclick”处理程序。

那么你需要做的只是：

<h:commandLink action="#{bean.action}" onclick="if(confirm('Are you sure?')) return false;" />

注意：您不能这样做return confirm(...)，因为这会阻止 onClick 事件中的其余 JavaScript 发生，这将有效地阻止您的操作发生，无论用户返回什么！

于 2008-09-17T11:20:12.437 回答
0

如果您想在表单发布之前执行某些操作，例如确认，请尝试表单事件 onSubmit。就像是：

myform.onsubmit = function(){confirm("really really sure?")};
于 2008-09-17T13:08:58.290 回答
0

这对我从来没有用过，

 onclick="if(confirm('Are you sure?')) return false;" />

但这确实

onclick="if(confirm(\"Are you sure?\"))return true; else return false;"
于 2009-02-04T09:37:44.250 回答
0 
var deleteClick;
var mess="xxx";
function assignDeleteClick(link) {
    if (link.onclick == confirmDelete) {
        return;
    }
    deleteClick = link.onclick;
    link.onclick = confirmDelete;
}


function confirmDelete() {
    var ans = confirm(mess);
    if (ans == true) {
        return deleteClick();
    } else {
        return false;
    }
}

将此代码用于 jsf 1.1。

于 2011-01-07T04:02:32.717 回答