JQuery, JSF и a4j: commandLink - PullRequest
Новая
       17

JQuery, JSF и a4j: commandLink

2 голосов
/ 28 ноября 2009

У меня проблема с использованием JQuery Dialog и Ajax для отправки в JSF. У меня есть следующий код для отображения диалоговых окон: 

                <script type="text/javascript"> 
                        jQuery(function(){ 
                                // Dialog 
                                jQuery('#dialog').dialog({ 
                                        dialogClass: 'alert', 
                                        autoOpen: false, 
                                        width: 300, 
                                        height: 150, 
                                        modal: true, 
                                        resizable: false, 
                                        overlay: { 
                                                backgroundColor: '#000', 
                                                opacity: 0.5 
                                        }, 
                                        buttons: { 
                                                "Ok":  function() { 
                                                        jQuery(this).dialog("close"); 
                                                        return true; 
                                                }, 
                                                "Cancel": function() { 
                                                        jQuery(this).dialog("close"); 
                                                        return false; 
                                                } 
                                        } 
                                }); 

                                // Dialog Link 
                                jQuery('#dialog_link').click(function(){ 
                                        jQuery('#dialog').dialog('open'); 
                                        return false; 
                                }) 
                                .hover( 
                                        function() { jQuery(this).addClass('ui-hover-state'); }, 
                                        function() { jQuery(this).removeClass('ui-hover-state'); } 
                                ); 

                        }); 
                </script> 
It works as it should - it displays box when link is clicked. 
Now, I have something like this, for deleting something: 
<a4j:commandLink 
        actionListener="#some.action" 
        reRender="something" 
        onclick="if(!jQuery('#dialog').dialog('open')){return false}" 

ok, this commandLink is rendered as follows: 
<a href="#" 
        id="some:long:id:j_id338" 
        name="formName:something:j_id338" 
        onclick="if(!jQuery('#dialog').dialog('open')){return 
false};A4J.AJAX.Submit('something:something'); 
        return false;" 
>drop</a>

теперь, после отображения диалогового окна, A4j.AJAX.Submit (..) выполнено, есть ли в любом случае, что я могу, например, передать весь A4J.AJAX.Submit (...) для «диалога» и выполнить его из «ОК» вариант? Мне просто нужно выполнить submit, если и только если пользователь нажмет OK. Спасибо за помощь JQ

1 Ответ

4 голосов
/ 28 ноября 2009

Вы можете определить: 

<a4j:jsFunction name="okClicked"
    actionListener="#{some.action}" 
    reRender="something" />

И вызвать его в функции ОК, например: 

"Ok": function() { 
    jQuery(this).dialog("close");
    okClicked();
    return true; 
}
...