5 Stimmen

jQuery lädt Daten in jqGrid

Ich bin ein erstes Mal Benutzer von jqGrid, so weit ich ging durch offizielle Beispiele, ich bin in das Laden von Daten in Grid entweder mit json interessiert.

Ich bin derzeit auf der Suche, Laden von Daten (JSON-Daten): http://trirand.com/blog/jqgrid/jqgrid.html

Hier ist ein bisschen javascript, das Gitter erstellt :

jQuery("#list2").jqGrid(
    {
        url : '<c:url value="${webappRoot}/getdetails" />',
        datatype : "json",
        colNames : [ 'id', 'Location', 'Country Code', 'Type', 'Interval',
                     'Version', 'Last Active', 'Last Login', 'NOTE' ],
        colModel : [
            { name : 'id', width : 10 },
            { name : 'location', width : 75 },
            { name : 'countryCode', width : 50 },
            { name : 'type', width : 40 },
            { name : 'interval', width : 30 },
            { name : 'version', width : 45 },
            { name : 'lastactive', width : 50, align : "right" },
            { name : 'lastlogin', width : 50, sortable : false },
            { name : 'note', width : 50, sortable : false}
        ],
        rowNum : 10,
        rowList : [ 10, 20, 30 ],
        pager : '#pager2',
        width: gridWidth,
        sortname : 'id',
        viewrecords : true,
        sortorder : "desc",
        caption : "JSON Example"
});
jQuery("#list2").jqGrid('navGrid', '#pager2',
                        { edit : false, add : false, del : false});

${webappRoot}/getdetails transformiert den Pfad zu meinem Projekt wie http://localhost/myProject/getdetails Ich bin mit Frühling MVC (es könnte irrelevant sein).

Wenn ich in Firebug schauen diese erzeugt diese http-Anforderung :

GET http://localhost/newProject/getdetails?_search=false&nd=1304638787511&rows=10&page=1&sidx=id&sord=desc  
200 OK
135ms

Hier ist die Antwort:

{
    "id": 1,
    "location": "office_2782",
    "countryCode": "UK",
    "quarter": "500",
    "version": "v3.05",
    "lastactive": "yesterday",
    "lastlogin": "today",
    "note": "no note",
    "type": "read-only"
}

Wenn ich auf JSON Registerkarte navigieren es scheint alles gleich wie diese, jede Idee, was ich falsch mache?

Ich versuche, nur einen Datensatz für den Start zu laden, und ich kann nicht bekommen, es zu arbeiten, jede Hilfe ist appricated.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X