1 (function($, rf) {
  2     rf.ui = rf.ui || {};
  3 
  4     var defaultOptions = {
  5         showEvent : 'contextmenu',
  6         cssRoot : "ctx",
  7         cssClasses : {},
  8         attached : true
  9     };
 10 
 11     // constructor definition
 12     rf.ui.ContextMenu = function(componentId, options) {
 13         this.options = {};
 14         $.extend(this.options, defaultOptions, options || {});
 15         $super.constructor.call(this, componentId, this.options);
 16         this.id = componentId;
 17         this.namespace = this.namespace || "." + rf.Event.createNamespace(this.name, this.id);
 18         rf.Event.bind('body', 'click' + this.namespace, $.proxy(this.__leaveHandler, this));
 19         rf.Event.bindById(this.id, 'click' + this.namespace, $.proxy(this.__clilckHandler, this));
 20     }
 21 
 22     rf.ui.Menu.extend(rf.ui.ContextMenu);
 23 
 24     // define super class link
 25     var $super = rf.ui.ContextMenu.$super;
 26 
 27     $.extend(rf.ui.ContextMenu.prototype, (function() {
 28         return {
 29             name : "ContextMenu",
 30 
 31             getTarget : function() {
 32                 if (!this.options.attached) {
 33                     return null;
 34                 }
 35                 var target = typeof this.options.target === 'undefined' ?
 36                     this.element.parentNode.id : this.options.target;
 37                 return target;
 38             },
 39 
 40             __showHandler : function(e) {
 41                 if (this.__isShown()) {
 42                     this.hide();
 43                 }
 44                 return $super.__showHandler.call(this, e);
 45             },
 46 
 47             show : function(e) {
 48                 if (this.menuManager.openedMenu != this.id) {
 49                     this.menuManager.shutdownMenu();
 50                     this.menuManager.addMenuId(this.id);
 51                     this.__showPopup(e); // include the event to position the popup at the cursor
 52                     var parent = rf.component(this.target);
 53                     if (parent && parent.contextMenuShow) {
 54                         parent.contextMenuShow(this, e);
 55                     }
 56                 }
 57             },
 58 
 59             __clilckHandler : function (event) {
 60                 event.preventDefault();
 61                 event.stopPropagation();
 62             },
 63 
 64             destroy : function() {
 65                 rf.Event.unbind('body', 'click' + this.namespace);
 66                 rf.Event.unbindById(this.id, 'click' + this.namespace);
 67 
 68                 // call parent's destroy method
 69                 $super.destroy.call(this);
 70             }
 71 
 72 
 73         };
 74     })());
 75 
 76 })(RichFaces.jQuery, RichFaces);