jqGrid sauver la case de l'état sélectionné

La première partie de la réponse contenir la réponse sur votre question. Une petite version améliorée de la démo, vous pouvez trouver ici.

Si vous n'avez pas besoin de trier par "sélection multiple" colonne la démo faire ce que vous avez besoin. Quelques petites remarques à propos de la démo: La case à cocher sur la "sélection multiple" colonne sélectionner/désélectionner toutes les lignes que sur la page en cours. Si vous souhaitez un autre comportement, le code sera encore plus simple. J'ai inclus dans la démo sélection de 3 articles directement par le chargement de la grille. Deux éléments seront sélectionnés sur la première page et un article sur la deuxième page. Dans certains cas, le comportement peut être intéressant. Si vous n'en avez pas besoin vous devriez vous suffit de commenter la ligne idsOfSelectedRows = ["8", "9", "10"];

Ci-dessous, vous trouverez les parties les plus importantes du code de la démo

var $grid = $("#list"), idsOfSelectedRows = [],
    updateIdsOfSelectedRows = function (id, isSelected) {
        var index = $.inArray(id, idsOfSelectedRows);
        if (!isSelected && index >= 0) {
            idsOfSelectedRows.splice(index, 1); //remove id from the list
        } else if (index < 0) {
            idsOfSelectedRows.push(id);
        }
    };

//initialize selection
idsOfSelectedRows = ["8", "9", "10"];

$grid.jqGrid({
    datatype: 'local',
    //... other parameters
    multiselect: true,
    onSelectRow: updateIdsOfSelectedRows,
    onSelectAll: function (aRowids, isSelected) {
        var i, count, id;
        for (i = 0, count = aRowids.length; i < count; i++) {
            id = aRowids[i];
            updateIdsOfSelectedRows(id, isSelected);
        }
    },
    loadComplete: function () {
        var $this = $(this), i, count;
        for (i = 0, count = idsOfSelectedRows.length; i < count; i++) {
            $this.jqGrid('setSelection', idsOfSelectedRows[i], false);
        }
    }
});

Si vous le souhaitez, vous pouvez envisager de tenir idsOfSelectedRows comme un paramètre supplémentaire de jqGrid. Actuellement, il n'y a pas de validation de jqGrid paramètres et vous pouvez étendre là. L'avantage sera de la persistance de idsOfSelectedRows avec les correspondants jqGrid.

Mise à JOUR: Gratuit jqGrid fourche de jqGrid prend en charge multiPageSelection: true option, qui peut être combiné avec multiselect: true option. Il permet de tenir le paramètre selarrrow (la liste des id des lignes sélectionnées) sur de nombreuses pages. Par défaut jqGrid réinitialiser le tableau selarrrow pendant la recherche, mais dans le cas de l'utilisation de la multiPageSelection: true, multiselect: true il n'a pas de sorte de remise à zéro. En outre, il présélectionne toutes les lignes de selarrrow tableau lors de la construction de la page. Ainsi, si l'on remplit selarrrow tableau avec tous les rowids des éléments (toutes les lignes sur toutes les pages), puis les lignes seront affichées sélectionné. L'utilisateur ne peut toujours désélectionner certaines lignes et jqGrid ne changera pas les modifications apportées par l'utilisateur.

La démo, créé pour la réponse, illustre l'utilisation de multiPageSelection: true en libre jqGrid. Une autre réponse décrit prochainement d'autres nouvelles options de libre jqGrid: multiselectPosition: "right", qui permet de déplacer la colonne de multiselect cases vers la droite, multiselectPosition: "none", qui permet l'utilisation multiple de la fonctionnalité sans multiselect colonne et hasMultiselectCheckBox de rappel, qui peut être utilisé pour créer multiselect cases pas dans toutes les lignes de jqGrid.

OriginalL'auteur Oleg