exécuter un code avant d'afficher le menu contextuel au cours de clic droit personnalisé dans jquery

Question

J'ai utilisé le plugin de menu contextuel et a été en mesure de rendre si fonctionnel sur la page que je développe actuellement. Au clic droit, je veux exécuter un code (comme pour mettre en évidence une ligne ou une colonne sélectionnée) avant d'afficher le menu contextuel. Où puis-je insérer le code. J'ai utilisé le plugin sur ce lien. http://www.trendskitchens.co.nz/jquery/contextmenu/

Mon html:

<table> 
    <tr><td></td><td></td></tr> 
    <tr><td></td><td></td></tr> 
    <tr><td></td><td></td></tr> 
    <tr><td></td><td></td></tr> 
<table> 

Mes js (menu contextuel)

$("table tr td").contextMenu('myMenu',{ 
    onContextMenu: function(e){ 
     // I want to process the selected 'td' or 'tr' here... ex. highlight it 
    } 
}); 

Answer 1

Vous pouvez accéder à l'élément qui a été clic droit avec e.target, par exemple:

$("table tr td").contextMenu('myMenu',{ 
    onContextMenu: function(e){ 
     $(e.target).effect("highlight", {}, 500); 
    } 
}); 

L'effet highlight fait partie de f jQueryUI.

Answer 2

Vous pouvez utiliser le code suivant pour mettre en évidence la ligne parente

$("table tr td").contextMenu('myMenu',{ 
onContextMenu: function(e){ 
    var parent=$(e.currentTarget).parent(); 
    parent.addClass('SelectedRowColor'); 
} 

où la ligne de SelectedRowColor est le nom de la classe css. espérons que cela aidera.