Menu Redirect Prompt when developing in JSF+Primefaces +JQuery

来源：互联网发布：php echo 数组中的sql 编辑：程序博客网时间：2024/06/04 23:20

Enverionment:
JSF2 + Primefaces
Used JSF menu.

1. Import embeded jquery from primefaces.
<h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />

2. jQuery('ul.wijmo-wijmenu-child > li > a.wijmo-wijmenu-link') get all the sub menu items
#{msg['label.confirmRedirectInCreateSubOrderDialog']} used for reading prompt message from resource properties.

<h:outputScript target="body">
                jQuery.noConflict();

               var menuOriginalOnclickEvent = [];
               jQuery('ul.wijmo-wijmenu-child > li > a.wijmo-wijmenu-link').each(function(index){
                   menuOriginalOnclickEvent[index]=jQuery(this).attr('onclick');
                   jQuery(this).unbind('click').removeAttr('onclick');
                   jQuery(this).bind('click', function(){if(confirm('#{msg['label.confirmRedirectInCreateSubOrderDialog']}')) { menuOriginalOnclickEvent[index]();}else{return false} });
               });

</h:outputScript>