如何在执行JSF<h:commandLink>操作之前执行Javascript?[副本]

可以这样简化

onclick="return confirm('Are you sure?');"

<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>

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

这对我奏效了:

<h:commandButton title="#{bundle.NewPatient}" action="#{identifController.prepareCreate}"  
                                             id="newibutton" 
                                             onclick="if(confirm('#{bundle.NewPatient}?'))return true; else return false;" 
                                             value="#{bundle.NewPatient}"/>

你仍然可以使用onclick。JSF render kit specification (参见编码行为)描述了链接应该如何处理它。以下是重要部分(它为onclick呈现的内容):

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

因此,您的函数不会传递事件对象(无论如何,这在跨浏览器中都是不可靠的),但返回true/false会缩短提交时间。

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

此外,其他库,如 MyFaces 或 IceFaces 实现“onclick”处理程序。

那么你需要做的就是:

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

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

如果您想在表单发布之前执行某些操作,例如确认,请尝试在Submit上执行表单事件。类似于:

myform.onsubmit = function(){confirm("really really sure?")};

这对我来说从未奏效,

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

但这确实如此

onclick="if(confirm(\"Are you sure?\"))return true; else return false;"

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;
    }
} 

将此代码用于jsf1.1。