how to close p:dialog on ESC key

[Oleg]

AFAIK, this issue there is in the issue tracker and will be fixed in the future.

[csotolani]

<script type="text/javascript">
jQuery(document).keyup(function(e) {
if (e.keyCode == 27) { //esc
closeOnEscape();
}
});
</script>

[martib]

works create, now.

Did it like this:

Code: Select all

jQuery(document).keyup(function(keyPressEvent) {
    // evaluate key code
    var key = keyPressEvent.keyCode ? keyPressEvent.keyCode : keyPressEvent.which ? keyPressEvent.which : keyPressEvent.charCode;
    if (key == 27) { //escape
        closeOnEscape(); 
    }
});
function closeOnEscape() {
    var closeable;
    var indexHighest = 0;   
    jQuery(".ui-dialog.ui-widget.ui-widget-content.ui-overlay-visible").each(function() {
        var indexCurrent = parseInt($(this).css("zIndex"), 10);
        if (indexCurrent > indexHighest) {
            indexHighest = indexCurrent;
            closeable = this;
        }
    });   

    if (closeable != null) {
        jQuery(closeable).removeClass('ui-overlay-visible').addClass('ui-overlay-hidden');
        jQuery(closeable).css({'visibility':'', 'z-index':'', 'display':''});
        var modal = '#' + jQuery(closeable).attr('id') + '_modal';
        jQuery(modal).remove();
    }
}

[Ironhide2012]

Any update on this? I just tried it and in the latest version it seems to still be an issue, thanks

[martib]

use the the jquery sample above.
Issue is under http://code.google.com/p/primefaces/iss ... il?id=4209, but still not implemented

[elciospy]

these sample above didn't work with <p:confirmDialog>

[cagatay.civici]

closeOnEscape will be available in 3.5. Implemented in trunk as of today.