2011-03-12 25 views
7

veo puede agregar una barra de título superior y poner un título mediante el uso de este código:¿Cómo se puede eliminar (u ocultar) la barra de título en jqgrid?

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

¿Existe de todos modos, si yo ya he puesto un título, para eliminar la barra de título?

Intenté esto pero solo quita el texto (no elimina la barra de título completa).

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

Respuesta

19

si quiere darse prisa, prueba

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

o si tiene múltiples redes, entonces sólo ocultar la barra de título de $ ("# rejilla"), y luego hacer

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

Si crea jqGrid sin una barra de título (caption: "") y examina la cuadrícula con respecto a las Herramientas de desarrollo o con respecto a Firebug, verá el <div> con la clase "ui-jqgrid -titlebar" tener <span> con la clase 'ui-jqGrid-título' y el ancla con la clase 'ui-jqGrid-barra de título de cerca', como los elementos secundarios:

<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> 
     ... 

Así que incluso se crea la red sin la title bar jqGrid crear todos los elementos ocultos de la barra de título.

miré a través del código jqGrid donde la leyenda se crea y se pudo encontrar el siguiente fragmento

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

Así que para tener los mismos resultados que con la red inicializado con caption: "" parámetro que puede hacer siguientes

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

Debe desvincular del botón Minimizar solo si está seguro de que la cuadrícula no tendrá el título (caption) más adelante. Las vinculaciones tomaron menos recursos y no hacen nada por la cuadrícula oculta.

Así que the suggestion de Pravat Maskey para ocultar el título es absolutamente correcto y mis investigaciones solo lo confirman.

Cuestiones relacionadas