Ist es möglich, ändern Sie die colModel nachdem die Daten geladen hat mit jqgrid?

Fand ich einen Weg, der scheint gut zu funktionieren.

Die Idee, meine Lösung ist folgende. Verwenden Sie colModel mit vielen versteckten Spalten mit dem dummy-Namen wie 'cm0', 'cm1', 'cm2', ... Alle Spalten hat die gleichen Daten wie Sie benötigen in Ihrem Fall. Füllen Sie die Daten einfach mehr ich in der Spalte Vorlagen bereits seit jqGrid 3.8.2:

var mygrid=jQuery("#list"),
    cmIntTemplate = {
        width:50,
        sorttype:"int",
        formatter:"integer",
        align:"right",
        hidden:true
    },
    cm = [
        //here we define the first columns which we always has
        //the list can be empty or has some columns with
        //the properties other as the rest (without cmIntTemplate)
        {name:"date",label:"Date",key:true,width:100, fixed:true,
         formatter:'date',formatoptions:{srcformat:"m-d",newformat:"m/d"}}
    ], maxCol = 30, dummyColumnNamePrefix = "cm";

//Add dummy hidden columns. All the columns has the same template
for (i=0;i<maxCol;i++) {
    cm.push({name:dummyColumnNamePrefix+i,template:cmIntTemplate});
}

Danach erstelle ich jqGrid in der standard-Weg, aber mit der jsonReader welche die page als Funktion:

jsonReader: {
    repeatitems: false,
    page: function (obj) {
        //------------------------
        //here I add the main code
        //------------------------
        return obj.page;
    }
}

Die Funktion aus der jsonReader.page Gegenzug den gleichen Wert wie wie Standard -jsonReader, aber ich benutze die Art, mit der Funktion, da die Funktion direkt aufgerufen werden, bevor das Lesen der Haupt-Inhalt der JSON-Daten. Innerhalb des Codes bekomme ich die erste Zeile der Daten und den Namen der Eigenschaft zu füllen jsonmap Eigentum der entsprechenden Spalte und der Spalte name. Zusätzlich mache ich ein paar dummy-Spalten benötigt werden um alle JSON-Daten sichtbar und der rest dummy-Spalte ausgeblendet. Die Letzte Sache, die getan werden sollte, ist eine Korrektur der Breite des Rasters wurde zuvor berechnet. Also das Gitter wird wie folgt Aussehen:

oder so

hängt von der JSON-input-Daten.

Den code der page Funktion ist folgende:

page: function (obj) {
    var rows = obj.rows, colModel = mygrid[0].p.colModel,
        cmi, iFirstDummy, firstRow, prop,
        orgShrinkToFit, isFound,
        showColNames = [], hideColNames = [];

    if (typeof(rows) === "undefined" || !$.isArray(rows) || rows.length === 0) {
        //something wrong need return
        return obj.page;
    }

    //find the index of the first dummy column
    //in the colModel. If we use rownumbers:true,
    //multiselect:true or subGrid:true additional
    //columns will be inserted at the begining
    //of the colModel
    iFirstDummy = -1;
    for(i=0;i<colModel.length;i++) {
        cmi = colModel[i];
        if (dummyTestRegex.test(cmi.name)) {
            iFirstDummy = i;
            break;
        }
    }
    if (iFirstDummy === -1) {
        //something wrong need return
        return obj.page;
    }

    orgShrinkToFit = clearShrinkToFit();

    //we get the first row of the JSON data
    firstRow = rows[0];
    for (prop in firstRow) {
        if (firstRow.hasOwnProperty(prop)) {
            //we will use the properties name of the first row
            //as the names of the column headers of the grid

            //find column index having prop as the name
            isFound = false;
            for(i=0;i<colModel.length;i++) {
                cmi = colModel[i];
                if (cmi.name === prop) {
                    isFound = true;
                    showColNames.push(prop);
                    break;
                }
            }
            if(!isFound) {
                //labels defines the column names
                cmi = colModel[iFirstDummy];
                showColNames.push(cmi.name);
                mygrid.jqGrid('setLabel',cmi.name,prop);

                //because of bug in jqGrid with calculation of width
                //we have to reset the width
                cmi.width = cmIntTemplate.width;

                //we set jsonmap which jqGrid will use instead
                //of dummy column names to read all row data
                cmi.jsonmap = prop;
                iFirstDummy++;
            }
        }
    }

    //fill the list of unused columns
    for(i=0;i<colModel.length;i++) {
        cmi = colModel[i];
        if ($.inArray(cmi.name, showColNames) === -1 && dummyTestRegex.test(cmi.name)) {
            hideColNames.push(cmi.name);
        }
    }
    mygrid.jqGrid('showCol',showColNames);
    mygrid.jqGrid('hideCol',hideColNames);

    setGridWidthAndRestoreShrinkToFit(orgShrinkToFit);

    return obj.page;
}

Innerhalb der page Funktion benutze ich kleine Helfer-Funktionen

var clearShrinkToFit = function() {
        //save the original value of shrinkToFit
        var orgShrinkToFit = mygrid.jqGrid('getGridParam','shrinkToFit');
        //set shrinkToFit:false to prevent shrinking
        //the grid columns after its showing or hiding
        mygrid.jqGrid('setGridParam',{shrinkToFit:false});
        return orgShrinkToFit;
    },
    setGridWidthAndRestoreShrinkToFit = function(orgShrinkToFit) {
        //calculate the new grid width
        var width=0, i=0, headers=mygrid[0].grid.headers, l=headers.length;
        for (;i<l; i++) {
            var th = headers[i].el;
            if (th.style.display !== "none") {
                width += $(th).outerWidth();
            }
        }

        //restore the original value of shrinkToFit
        mygrid.jqGrid('setGridParam',{shrinkToFit:orgShrinkToFit});

        //set the grid width
        mygrid.jqGrid('setGridWidth',width);
    },
    dummyTestRegex = new RegExp(dummyColumnNamePrefix+"(\\d)+");

Den arbeiten demo können Sie sehen,hier.

AKTUALISIERT: Eine andere Antwort mit die demo zeigt, wie das Gitter, das hat ein anderes format der Eingangs-Daten: [[], [], ...] (array von arrays) - matrix.