jqGrid - Comment supprimer la sélection de page sur le pager mais garder les boutons?

je veux supprimer les boutons de pagination sur la grille, mais je veux garder l'ajouter, modifier, actualiser, etc boutons en bas à gauche. Je ne veux pas que le pager soit là parce que je vais afficher tous les enregistrements dans cette implémentation particulière de la grille.

je veux garder ce qui est en VERT, mais supprimer ce qui est en ROUGE:

texte alternatif http://i38.tinypic.com/34jahd4.jpg

Actuellement, ma solution est de vider le centre de la grille navigation

$('#pager_center').empty();

mais cela signifie que le pager se rend à la page, et puis se vide, je me demande si je peux juste l'empêcher d'être même rendu en premier lieu.

26
demandé sur Jon Erickson 2009-10-09 02:55:10

7 réponses

Vous pouvez utiliser mon option jqGrid suivante pour désactiver la zone rouge de JqGrid. Il devrait être le meilleur moyen de résoudre cette question parce que vous n'avez pas besoin de hacker le rendu de JqGrid via la feuille de style CSS qui soit causé de problème si JqGrid change le modèle pour générer le pager ou vous changez l'id du pager.

$('#grid').jqGrid
({
    rowList: [],        // disable page size dropdown
    pgbuttons: false,     // disable page control like next, back button
    pgtext: null,         // disable pager text like 'Page 0 of 10'
    viewrecords: false    // disable current view record text like 'View 1-10 of 100' 
});
56
répondu Soul_Master 2011-02-15 16:09:02

vous pouvez appliquer un style CSS pour le cacher...?

#pager1_center {
    visibility: hidden;
}

il y a aussi des options comme pgbuttons et recordtext que les paramètres de l'init peuvent empêcher le rendu HTML de cette partie.

jQuery("#grid_id").jqGrid({pgbuttons:false, recordtext: ''});
8
répondu great_llama 2009-10-08 23:53:59

utiliser ceci supprimera la zone de pagination / affichage des enregistrements avec des boutons et tout.

jQuery("#WebsitesGrid").jqGrid({          
            ...
            pginput: false,
            pgbuttons: false,
            viewrecords: false,
            ....
4
répondu FunnyGhost 2014-02-11 15:16:49

Ou si vous souhaitez avoir plus d'espace dans le pied de page de votre jqGrid, vous pouvez tout simplement cacher la partie souhaitée de navigation. 

gridComplete: function()
{           
   $( '#' + gridId + 'Pager_center' ).hide();
   $( '#' + gridId + 'Pager_left' ).hide();
},

où gridId est l'id de votre jqGrid.

0
répondu kajo 2011-01-20 17:21:41

$('#grid').jqGrid({pgbuttons:false, recordtext:'', pgtext:'')}

0
répondu user478727 2011-03-28 04:59:48

si vous cherchez une solution pour éviter le Pager dans jqGrid, ajoutez simplement le code suivant dans loadcomplete callback ou comme une déclaration après votre appel jqgrid, avec ou sans la solution de @Soul_Master,

$("#divPager").css({ "height": "0px", "border": "0px" });

Il a travaillé pour moi.

0
répondu Naveenk 2016-05-06 15:12:10

même, vous pouvez définir la propriété align de pager des détails comme l'absence d'enregistrements de la liste déroulante des pager texte, texte d'enregistrement. pour atteindre ce besoin de changer pagerpos et recordpos à droite ou à gauche ou au centre que nous avons demandé. Les détails doivent être mis à jour dans jquery.jqGrid.min.js ou faites simplement la recherche de ces mots-clés dans vos fichiers js et faites la mise à jour.

-1
répondu Sabarish 2011-03-27 13:56:50