Comment pouvez-vous supprimer ou masquer la barre de légende dans jqgrid?

Je vois que vous pouvez ajouter un en haut de la barre de légende et de mettre un titre en utilisant ce code:

jQuery('#grid').setCaption("Title");

Est-il de toute façon, si j'ai déjà un titre, afin de supprimer la barre de légende?

J'ai essayé cela, mais il supprime juste le texte (ne pas effacer la totalité de la barre de légende).

jQuery('#grid').setCaption("");

OriginalL'auteur leora | 2011-03-12

  1. 19

    si vous voulez dépêchez-vous,
    test

    $(".ui-jqgrid-titlebar").hide();

    ou si vous avez plusieurs grilles, puis seulement masquer la barre de titre d' $("#grid"), puis faire

    $("#gview_grid > .ui-jqgrid-titlebar").hide()

    OriginalL'auteur Mujah Maskey

  2. 7

    Si vous créez jqGrid ayant pas de barre de titre (caption: "") et d'examiner la grille à l'égard des Outils de développement ou à l'égard de Firebug, vous verrez la <div> avec la classe "ui-jqgrid-barre de titre" avoir <span> avec la classe "ui-jqgrid-titre" et le point d'ancrage avec la classe "ui-jqgrid-barre de titre-fermer" comme les éléments d'enfant:

    <div id="gbox_list" class="ui-jqgrid ui-widget ui-widget-content ui-corner-all">
    ...
    <div id="gview_list" class="ui-jqgrid-view">
        <div style="display: none;"
             class="ui-jqgrid-titlebar ui-widget-header ui-corner-top ui-helper-clearfix">
            <a style="right: 0px;" class="ui-jqgrid-titlebar-close HeaderButton"
               role="link" href="javascript:void(0)">
                <span class="ui-icon ui-icon-circle-triangle-n"></span>
            </a>
            <span class="ui-jqgrid-title"></span>
        </div>
        ...

    De sorte que même vous créer la grille sans la barre de titre jqGrid créer tous les éléments cachés de la barre de titre.

    J'ai regardé à travers la jqGrid code où la légende sont créés et pourrait trouver le fragment suivant

    if(ts.p.caption) {
    ...
    $(".ui-jqgrid-titlebar-close",grid.cDiv).click( function(e){
    ...
} else {$(grid.cDiv).hide();}

    Donc d'avoir les mêmes résultats qu'avec la grille initialisé avec caption: "" paramètre que vous pouvez faire à la suite

    var mygrid = jQuery('#list'),
    cDiv = mygrid[0].grid.cDiv;
mygrid.setCaption("");
$("a.ui-jqgrid-titlebar-close",cDiv).unbind();
$(cDiv).hide();

    Vous devriez faire la déliaison de l'minimiser le bouton uniquement si vous êtes sûr, que la grille ne sera pas le titre (caption) plus tard. Les liaisons a pris moins de ressources et de ne rien faire pour le caché de la grille.

    Donc la suggestion de Pravat Maskey juste pour masquer le titre est tout à fait correcte et mes enquêtes confirment cette.

    OriginalL'auteur Oleg