jqgrid setGridParam Datentyp:lokale

Gibt es einige Missverständnisse. Wenn Sie datatype: local dann füllen Sie jqGrid sich mit Methoden wie addRowData oder legen Sie die Daten in einmal mit data parameter (für jqGrid-version 3.7 und höher). Also die Verwendung von datatype: local folgt zu jqGrid nicht geladen werden alle Daten selbst und Ihre datatype: processrequest - parameter wird ignoriert.

Wenn Sie verwenden möchten loadonce: true parameter, die unterstützt, seit version 3.7 von jqGrid, sollten Sie alle Parameter von jqGrid für JSON oder XML (zum Beispiel datatype: json in deinem Fall) und einen zusätzlichen parameter loadonce: true. Dann nach dem ersten laden der Daten jqGrid schalten Sie den Datentyp datatype: local und nach, dass es funktionieren wird unabhängig auf server ignorieren aber einige Parameter (wie datatype: processrequest in Ihrem Fall).

Noch eine kleine Bemerkung. Die meisten Eigenschaften von jsonReader die Sie verwenden, in Ihrem Beispiel sind Standard (siehe dieses wiki). Die Parameter, die Sie verwenden, wird in Kombination mit der Standard-Eigenschaften, so ist es genug, um parameter wie
jsonReader: { repeatitems: false, id: "ID"}

AKTUALISIERT: OK Jeff. Es scheint mir, um Ihr problem zu lösen brauchen Sie ein paar mehr code-Beispiele, die von beiden Seiten: client und server. Hier ist ein kleines Beispiel, das ich erstellt und für Sie getestet.

Zunächst der server-Seite. In der ASMX-web-service definieren wir eine web-Methode, die generieren Sie ein test-Daten für die Tabelle:

public JqGridData TestMethod() {
    int count = 200;
    List<TableRow> gridRows = new List<TableRow> (count);
    for (int i = 0; i < count; i++) {
        gridRows.Add (new TableRow () {
            id = i,
            cell = new List<string> (2) {
                string.Format("Name{0}", i), 
                string.Format("Title{0}", i)
            }
        });
    }

    return new JqGridData() {
        total = 1,
        page = 1,
        records = gridRows.Count,
        rows = gridRows
    };
}

wo Klassen JqGridData und TableRow sind definiert wie folgt:

public class TableRow {
    public int id { get; set; }
    public List<string> cell { get; set; }
}
public class JqGridData {
    public int total { get; set; }
    public int page { get; set; }
    public int records { get; set; }
    public List<TableRow> rows { get; set; }
}

Hier sehen Sie die web-Methode TestMethod hat keine Parameter und Beiträge zurück, die vollständigen Daten. Paging, Sortieren und suchen von Daten erfolgt durch den jqGrid (version 3.7 oder höher).

Auslesen dieser Daten und in jqGrid wir tun können, folgende:

$("#list").jqGrid({
    url: './MyTestWS.asmx/TestMethod',
    datatype: 'json',
    mtype: 'POST',
    loadonce: true,
    ajaxGridOptions: { contentType: 'application/json; charset=utf-8' },
    serializeGridData: function (postData) {
        return JSON.stringify(postData);
    },
    jsonReader: {
        root: function (obj) { return obj.d.rows; },
        page: function (obj) { return obj.d.page; },
        total: function (obj) { return obj.d.total; },
        records: function (obj) { return obj.d.records; }
    },
    colModel: [
        { name: 'name', label: 'Name', width: 250 },
        { name: 'title', label: 'Title', width: 250 }
    ],
    rowNum: 10,
    rowList: [10, 20, 300],
    sortname: 'name',
    sortorder: "asc",
    pager: "#pager",
    viewrecords: true,
    gridview: true,
    rownumbers: true,
    height: 250,
    caption: 'My first grid'
}).jqGrid('navGrid', '#pager', {edit: false, add: false, del: false, search: true},
    {},{},{},{multipleSearch : true});

Einige Kommentare über die definition von jqGrid:

Kommunizieren mit ASMX-web-service durch JSON muss man Folgendes in den entsprechenden jQuery.ajax Anfrage:

• dataType: 'json' muss eingestellt werden.
• contentType:'application/json; charset=utf-8' muss eingestellt werden.
• die Daten an den server senden muss, werden JSON-kodiert.

Alles zu tun, diese benutze ich datatype, ajaxGridOptions und serializeGridData Parameter von jqGrid. Ich mache JSON-Kodierung mit JSON.stringify Funktion (das zugehörige JavaScript kann heruntergeladen werden von hier).

Dann die empfangenen Daten müssen dekodiert werden. Ich mache das mit mein Lieblings-feature von jqGrid - jsonReader mit Funktionen (siehe das SO ein post und dieses wiki).

Am Ende verwenden wir loadonce: true die änderung der datatype von jqGrid von 'json' zu 'local' und wir können sofort alle Vorteile der lokalen paging, Sortieren und erweiterte Suche bereits seit jqGrid version 3.7.

Wenn Sie wollen, stellen Sie server side paging, Sortieren und suchen (oder erweiterte Suche) mit ASMX-web-service ist es auch möglich. Zu sparen ein wenig Platz hier, und um eigenen code-Beispiele, die ich werde nach dem entsprechenden Beispiel in deiner anderen Frage jqgrid Seite 1 von x pager (siehe AKTUALISIERTE Teil).

Dieser arbeitete für mich. Ich hatte ein Problem mit paging und das Sortieren funktioniert nicht. Wahrscheinlich, weil der .d und __geben Sie Elemente, die gesendet wurden, zurück in das JSON-Objekt in .net. Allerdings mit der zusätzlichen Konfigurationen in diesem Beispiel. Das funktionierte !

War ich fuchsteufelswild. Dies ist der Weg, um so konfigurieren Sie das raster, wenn Sie verwenden .Net so wie Ihr webservice. Es ist so konfiguriert, analysiert und richtig eingestellt, die Daten-Elemente aus dem JSON-Objekt in die richtige Position gebraucht, in der Startaufstellung zu ermöglichen, für die paging-und Sortier-arbeiten.

Ich hatte zu kommentieren, denn ich bin sicher, es gibt ein paar Menschen gibt, die möchten, verwenden Sie dieses Raster, sind aber mit .Net so wie Ihr webservice.