Come eliminare righe in jqgrid

Question

Ho appena iniziato a utilizzare jqGrid e voglio eliminare le righe utilizzando un pulsante di eliminazione personalizzato. Sto usando il frammento di codice di seguito:

try { 
     var cellValue; 
     var id; 
     jQuery("#editDataGridList").jqGrid({ 
      datatype: "local", 
      width: 900, 
      height: 270, 
      colNames: ['Action', 'Interview id', 'Date of observation', 'Name of enumerator'], 
      onSelectRow: function (id) { 
       debugger; 
       var rowData = jQuery(this).getRowData(id);     
       cellValue = rowData['InterviewId']; 
      }, 
      colModel: [     
       { 
        name: 'actions', index: 'InterviewId', sortable: false, 
        formatter: function (rowId, cellval, colpos, rwdat, _act) { 

         return "<input type='button' id='btnid' value='delete' class='btn' onClick='deleteRecords(" + cellValue + ");' />"; 

        } 
       }, 
       { name: 'InterviewId', index: 'InterviewId' }, 
       { name: 'Date', index: 'Date' }, 
       { name: 'NameOfEnum', index: 'NameOfEnum' } 
      ], 

      multiselect: false, 
      caption: "Edit already entered data" 
     }); 
    } 
    catch (e) { 
     alert(e.message); 
    } 

Il codice precedente utilizza questa chiamata di funzione per passare il valore riga selezionata per l'eliminazione

function deleteRecords(rowData) { 
    alert(rowData); 
} 

Purtroppo il valore rowData è indefinito. Come posso usare la stessa struttura per cancellare le righe?

Answer 1

Ho trovato una soluzione al mio problema.

formatter: function (rowId, cellval, colpos, rwdat, _act) { 
     var rowInterviewId = colpos.InterviewId.toString(); 
     return "<input type='button' id='" + rowInterviewId + "' value='delete' class='btn' 
     onClick='deleteRecords(this)' />";  
} 

i just passare questo come un parametro per l'evento onclick pulsante e la chiamata di funzione questo ha tutte le proprietà avevo bisogno dal pulsante ma il più importante è il pulsante id che gli ID intervista del riga a cui appartiene il pulsante.

Answer 2

è possibile eliminare fila utilizzando

$('#editDataGridList').jqGrid('delRowData',rowid); 

Answer 3

La variabile cellValue non è definito nello stesso ambito come formattatore di cancellazione è. Si potrebbe provare due cose:

1. passare l'argomento rowId dal formattatore alla funzione di eliminazione, invece di cellValue.
2. Dichiarare una variabile al di fuori dell'ambito delle funzioni BOTH e quindi impostare tale variabile sul valore ID della riga selezionata nel gestore onSelectRow.