jqGrid: Paging beim Konvertieren einer HTML-Tabelle in ein Grid aktivieren

Question

Ich habe die ganze Zeit gegoogelt, wie man eine HTML-Tabelle in etwas pagable und sortierbar umwandeln, und ich habe über jqGrid Jquery-Plugin gestolpert. Ich habe gelernt, so weit, dass wir zu nennen haben tableToGrid() um die Tabelle zu konvertieren (die wir als Jquery-Selektor-String an die Methode übergeben). Ich habe auch versucht, eine Vielzahl von anderen Dingen, wie z. B.:

tableToGrid('#GridView1');

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

Aber all das bringt mir nicht das richtige Ergebnis. Ist das Blättern möglich, wenn wir eine HTML-Tabelle in ein Raster umwandeln?

Answer 1

Versuchen Sie es mit

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

Sie können auch weitere jqGrid-Optionen als zweiten Parameter von tableToGrid . Sie können auch erhalten Referenz a la colModel des jqGrid nach der Konvertierung in Bezug auf

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

und ändern Sie dann einige Parameter des Spaltenmodells.

UPDATED: Mit dem folgenden Code können Sie beispielsweise einige Spaltendaten als 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;
    }
}