Menu Redirect Prompt when developing in JSF+Primefaces +JQuery

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>
发布了59 篇原创文章 · 获赞 5 · 访问量 13万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览