jqGrid Subgrid mit den "lokalen" Daten

Ich versuche, mein subgrid zur Arbeit mit lokalen Daten. Allerdings, wenn ich auf erweitern, bekomme ich nur eine Pritsche wie das raster wird versucht, ziehen Sie die Daten von irgendwo. Ich nehme an, ich brauche nicht ein subGridUrl da die master-raster-Datentyp ist datatype:'local'. Gibt es etwas, was ich tun sollte?

InformationsquelleAutor FastTrack | 2012-04-15
  1. 23

    Gibt es keinen direkten Weg, Sie zu definieren subgrid mit lokalen Daten, aber Sie können relativ leicht umzusetzen das gleiche Verhalten mit subGridRowExpanded (Subgrid als Grid). Was man tun müssen, ist, nur um von einigen Sie interne Strukturen, die die Daten für die subgrid durch die rowid der Tabelle. Zum Beispiel, wenn Sie würde haben subgrids Karte als

    var myGridData = [
        //main grid data
        {id: "m1", col1: "11", col2: "12"},
        {id: "m2", col1: "21", col2: "22"}
    ],
    mySubgrids = {
        m1: [
            //data for subgrid for the id=m1
            {id: "s1a", c1: "aa", c2: "ab", c3: "ac"},
            {id: "s1b", c1: "ba", c2: "bb", c3: "bc"},
            {id: "s1c", c1: "ca", c2: "cb", c3: "cc"}
        ],
        m2: [
            //data for subgrid for the id=m2
            {id: "s2a", c1: "xx", c2: "xy", c3: "xz"}
        ]
    };

    Innerhalb von subGridRowExpanded können Sie erstellen subgrid mit dem folgenden code:

    $("#grid").jqGrid({
    datatype: 'local',
    data: myGridData,
    colNames: ['Column 1', 'Column 2'],
    colModel: [
        { name: 'col1', width: 200 },
        { name: 'col2', width: 200 }
    ],
    ...
    subGrid: true,
    subGridRowExpanded: function (subgridDivId, rowId) {
        var subgridTableId = subgridDivId + "_t";
        $("#" + subgridDivId).html("<table id='" + subgridTableId + "'></table>");
        $("#" + subgridTableId).jqGrid({
            datatype: 'local',
            data: mySubgrids[rowId],
            colNames: ['Col 1', 'Col 2', 'Col 3'],
            colModel: [
                { name: 'c1', width: 100 },
                { name: 'c2', width: 100 },
                { name: 'c3', width: 100 }
            ],
            ...
        });
    }
});

    Die demo zeigt die Ergebnisse live:

    jqGrid Subgrid mit den

    • Super Antwort, Oleg. Ich werde implementieren diese in meinem code! Ich bin tatsächlich mit diesem in Verbindung mit der Drag-and-Drop von raster zu raster (aus meinen anderen Frage).
    • Sie sind herzlich willkommen!
    • Super Antwort, es hat mir geholfen, in ein wichtiges Thema, obwohl ich upvote es nur einmal. 🙁
    • Ich bin froh, dass ich dir helfen konnte. Sie sind herzlich willkommen!
    • in diesem mySubgrids[rowId], rowId ist eine Verbindung zwischen dem übergeordneten Netz und den Kindern grid?. Dann, wie über anzeigen in Modell? view Daten in dialog des übergeordneten grid-Zeile enthalten, dass Kinder, die raster-Daten zu?
    • Ich bin mir nicht sicher, dass ich verstehe, was du meinst. Braucht man bei verschiedenen (korrigiert) subgrid für jede Zeile, und die Zeilen werden identifiziert durch eindeutige rowid, die haben eine Bedeutung im Datenmodell (id aus der Datenbank zum Beispiel). Jetzt über Ansicht/Modell. jqGrid bekommen jqGrid Daten per Ajax vom server. So braucht man sich nur mit leere Tabelle in der Ansicht und die Bindung an das Datenmodell sollte in der URL nur. Ansicht bedeutet meist HTML-fragment mit den Daten. Im Falle von Ajax-Daten-Ansicht wird leer sein, und Sie müssen nur haben einige Aktionen auf MVC-controller.
    • Ich empfehle Ihnen die Verwendung idPrefix in subgrids. Außerdem der Teil der Informationen über die subgrid-Daten (mySubgrids) kann der Teil der Element-Daten. Siehe die Antwort, diese eine und diese eine. Sie können alternativ userdata Teil der server-Antwort für die subgrid-Informationen. Dies können Sie direkt auf dem server oder wie in die Antwort auf der client-Seite innerhalb von beforeProcessing Rückruf.
    • Vielen Dank für Ihre Antwort. Ich brauche mehr Informationen, um zu lösen mein Problem... Also ich habe mein Problem wie SO Frage. Bitte helfen Sie mir zu lösen mein Problem.

    InformationsquelleAutor Oleg
Schreibe einen Kommentar