jqGrid Subgrid avec les “locaux” de Données

J'essaie d'obtenir mon subgrid de travailler avec les données locales. Cependant, lorsque je clique sur agrandir, je viens d'obtenir un Chargement de zone comme la grille est de tenter d'extraire les données à partir de quelque part. Je suppose que je n'ai pas besoin d'un subGridUrl depuis que le maître de la grille type de données est datatype:'local'. Est-il autre chose que je devrais faire?

OriginalL'auteur FastTrack | 2012-04-15

  1. 23

    Il n'y a aucun moyen direct pour définir subgrid avec les données locales, mais vous pouvez relativement facile à adopter le même comportement à l'aide de subGridRowExpanded (Subgrid comme une Grille). Ce que l'on besoin de faire est de simplement obtenir de structures internes les données pour la subgrid par rowid de la grille. Par exemple, si vous avez subgrids carte comme

    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"}
        ]
    };

    À l'intérieur de subGridRowExpanded vous pouvez créer subgrid avec le code suivant:

    $("#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 }
            ],
            ...
        });
    }
});

    La démo montre les résultats en direct:

    jqGrid Subgrid avec les “locaux” de Données

    Grande réponse Oleg. Je vais implémenter cela dans mon code! Je suis en train d'utiliser ce en collaboration avec le Glisser-Déposer à partir de la grille sur la grille (à partir de mon autre question).
    Vous êtes les bienvenus!
    Super réponse, il m'a aidé à un problème majeur si je peux upvote qu'une seule fois. 🙁
    Je suis content que j'ai pu vous aider. Vous êtes les bienvenus!
    dans ce mySubgrids[rowId], rowId est une connexion entre un parent de la grille et les enfants de la grille?. Alors que diriez-vous vue dans le modèle? view données dans dialog de parent ligne de la grille de contiendra que les enfants de la grille de données trop?

    OriginalL'auteur Oleg