Zeilendaten für benutzerdefinierte Schaltfläche klicken

Question

Ich benutze freie jqgrid 4.14 und ich muss ein benutzerdefiniertes Bild (irgendeine Art von Mail-Symbol) in meinem Raster und wenn das Bild angeklickt wird, sollte es ein modales Fenster mit einem Formular öffnen und Das hat die Daten der angeklickte Zeile im Nachrichtenfeld des Formulars und hat auch andere Felder wie Absender-E-Mail-ID, Empfänger-E-Mail-ID und auch ein Thema.

So konnte ich ein benutzerdefiniertes Bild in meinem Raster haben. Jetzt haben wir onSelectRow Eigenschaft, mit der wir die ID der angeklickten Zeile erhalten können, und wir haben getRowData, die die Daten der Spalten geben wird.

So habe ich geändert onSelectRow ein bisschen wie dieses

onSelectRow: function(id){ 
      if(id && id!==lastSel){ 
       jQuery(this).restoreRow(lastSel); 
       lastSel=id; 
       var rowId = $(this).getRowData(lastSel); 
      } 
      jQuery(this).editRow(id, true); 
     } 

Nun, dies werden die Daten jeder Zeile geben, wenn es angeklickt wird. Aber wie bekomme ich dieselbe Funktionalität, wenn ich auf mein benutzerdefiniertes Bild klicke?

EDIT: Ich brauche so etwas wie this-

http://www.ok-soft-gmbh.com/jqGrid/Admin3.htm

Aber hier habe ich nicht in der Lage bin, das Bild wie hier es

Answer 1

Es gibt viele Möglichkeiten, um die Anforderung zu implementieren sind zu finden zu finden. Eine von der einfachsten, die ich in the answer beschrieben habe. Sie können die Spalte mit formatter: "actions"

{ 
    name: "act", template: "actions", width: 25, 
    formatoptions: { editbutton: false, delbutton: false } 
} 

und der jqGrid Option hinzufügen, die

zusätzliche benutzerdefinierte Schaltflächen festlegen

actionsNavOptions: { 
    mailicon: "fa-envelope-o", 
    custom: [ 
     { 
      action: "mail", 
      position: "first", 
      onClick: function (options) { 
       alert("Mail for rowid=" + options.rowid); 
      } 
     } 
    ] 
} 

Siehe https://jsfiddle.net/OlegKi/3tuxg71z/