jQuery Girl
  1. jQuery Girl
  3. Valeurs personnalisées en éléments de menu contextuel dans JQgrid
Intereting Posts
CSS HTML – Hauteur DIV remplir l’espace restant Accès HTML5 Google Maps hors connexion ajoute une ligne à la table en utilisant jquery ajax post Test d’une redirection de page entière dans qUnit Soumettez la liste sous forme de tableau de parameters sous la forme Rails 4, en ajoutant des valeurs de paramètre à la valeur de hachage de paramètre à l’aide de javascript jqgrid – affiche une superposition en mode d’édition en ligne Cette fonction de masquage de jQuery ne veut tout simplement pas fonctionner Compter le nombre de fois qu’un bouton d’envoi a été cliqué jQuery.ajax renvoie 400 requêtes incorrectes ckeditor ne se présentera pas à la fondation zurb Comment puis-je rendre mon code jQuery dragable / droppable plus rapide? Procédure de secours pour charger la bibliothèque jQuery locale Barre de défilement automatiquement masquée sauf si je redimensionne la page jQuery Ordre de saisie semi-automatique des résultats jQuery DatePicker – Modification de minDate et maxDate à la volée

Valeurs personnalisées en éléments de menu contextuel dans JQgrid

J’utilise ce lien depuis Oleg et Demo pour créer un menu contextuel. Existe-t-il un moyen de transmettre des valeurs dynamics à chaque ligne en dehors de rowId. Une solution consiste peut-être à définir des valeurs masquées pour chaque ligne et à obtenir ces valeurs de colonne masquées sans savoir comment implémenter cette fonctionnalité. Merci pour toute aide ou suggestion .. 

loadComplete: function(data) { // Fix the Grid Width... fixGridWidth($("#grid")); // Context Menu $("tr.jqgrow", this).contextMenu('contextMenu', { bindings: { 'abc1': function(sortinggger) { // would like to pass some custom values }, 'abc2': function(sortinggger) { // open a link in new window using a hyperlink }, 'abc3': function(sortinggger) { // custom logic } }, onContextMenu : function(event, menu) { //var rowId = $(event.target).parent("tr").attr("id"); //var grid = $("#grid"); //grid.setSelection(rowId); //return true; } });

    Vous pouvez utiliser sortinggger paramètre de sortinggger dont l’ id est initialisé en tant que rowid Vous pouvez donc utiliser getCell ou getRowData . Par exemple, la méthode abc1 peut être comme suit 

     loadComplete: function () { var $this = $(this); // it will be the same like $("#grid") $("tr.jqgrow", this).contextMenu('contextMenu', { bindings: { abc1: function(sortinggger) { var rowData = $(this).jqGrid('getRowData', sortinggger.id); // now you can access any data from the row including // hidden columns with the syntax: rowData.colName // where colName in the value of 'name' property of // the column }, ... }, onContextMenu : function(event, menu) { ... }, // next settings menuStyle: { backgroundColor: '#fcfdfd', border: '1px solid #a6c9e2', maxWidth: '600px', // to be sure width: '100%' // to have good width of the menu }, itemHoverStyle: { border: '1px solid #79b7e7', color: '#1d5987', backgroundColor: '#d0e5f5' } });

    voir ici une autre démo qui utilise menuStyle et itemHoverStyle qui améliorent un peu la visibilité du menu contextuel. La démo provient de la demande de bogue que j’ai récemment postée.