jqGrid: abilita il paging durante la conversione della tabella HTML nella griglia

Question

State googling tutto questo mentre su come convertire una tabella html in qualcosa di pagabile e ordinabile, e mi sono imbattuto in jquery jqGrid plugin. Ho imparato finora che dobbiamo chiamare tableToGrid() per convertire la tabella (che passiamo come una stringa selettore jquery al metodo). Ho anche provato una miriade di altre cose, come ad es:

tableToGrid('#GridView1'); 

$('#GridView1').jqGrid({ 
    rowNum: 10, 
    pager: '#pager', 
    rowList: [10,20,30] 
}); 

Ma tutto questo non mi forniscono con il risultato corretto. È possibile il paging quando convertiamo una tabella html in griglia?

Answer 1

Si dovrebbe provare con

tableToGrid('#GridView1', { 
    rowNum: 10, 
    pager: '#pager', 
    rowList: [10,20,30] 
}); 

È inoltre possibile aggiungere ulteriori opzioni jqGrid come secondo parametro di tableToGrid. È inoltre possibile ottenere riferimento alla colModel del jqGrid dopo la conversione nel rispetto delle

var cm = myGrid.getGridParam("colModel"); 

e quindi modificare alcuni parametri del modello di colonna.

AGGIORNATO: ad esempio con il seguente codice è possibile impostare alcuni dati di colonna come edittype: "select".

for (var i = 0, l=cm.length; i < l; i += 1) { 
    var colModelColumn = cm[i]; 
    // search for the clolumn with the name colModelColumnName. 
    // variables colModelColumnName and selectedOptions are defined 
    // in another code fragment above this one 
    if (colModelColumn.name === colModelColumnName) { 
     jQuery.extend(colModelColumn, { edittype: "select", 
             editoptions: { value: selectedOptions }}); 
     break; 
    } 
}