Как я могу выполнить Javascript перед выполнением действия JSF <h: commandLink>?

Если у вас есть JSF <h:commandLink> (который использует событие onclick для <a> для отправки текущей формы), как вы выполняете JavaScript (например, запрашиваете подтверждение удаления) до выполнения действия

Ответ 1

<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() вызовом другой функции.

Ответ 2

Можно упростить, например,

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

Ответ 3

Это сработало для меня:

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

Ответ 4

Вы все еще можете использовать onclick. Спецификация набора спецификаций JSF (см. "Кодировка поведения" ) описывает, как эта ссылка должна обрабатывать. Вот важная часть (что она делает для onclick):

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

Таким образом, ваша функция не будет передана объекту события (который в любом случае не является надежным кросс-браузером), но возврат true/false приведет к короткому замыканию представления.

Ответ 5

В JSF 1.2 вы можете указать события onclick.

Кроме того, другие библиотеки, такие как MyFaces или IceFaces реализовать обработчик onclick.

Что вам нужно сделать, просто:

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

Примечание: вы не можете просто сделать return confirm(...), так как это заблокирует остальную часть JavaScript в событии onClick, что фактически остановит ваше действие независимо от того, что пользователь вернул!

Ответ 6

Если вы хотите выполнить что-либо перед отправкой формы, для подтверждения, например, попробуйте событие формы onSubmit. Что-то вроде:

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

Ответ 7

Это никогда не работало для меня,

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

но это сделало

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

Ответ 8

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.