mensaje Cambiar por defecto "Cargando ..." a imagen "loading.gif" al pie de página jqGrid

Question

Expertos,

he implementado jqGrid con éxito en mi proyecto. Mi requisito es que me gustaría reemplazar el mensaje predeterminado "Cargando ..." a la imagen "Cargando.gif" en el pie de página de jqgrid.

¿Es esto posible implementar esto?

También he adjuntado capturas de pantalla para mayor claridad.

Actualizado jqGrid pie de página HTML

Gracias,
Imdadhusen

Answer 1

Ante todo recomiendo que lea dos respuestas: viejos this y this.

Para que el div de carga que muestra un gif animado y no hay texto que debe cambiar el estilo de la clase 'carga', por ejemplo, como

<style type="text/css"> 
    .ui-jqgrid .loading { 
     background: url(loader1.gif); 
     border-style: none; 
     background-repeat: no-repeat; 
    } 
</style> 

eliminar el texto predeterminado 'Cargando ...' con $.jgrid.defaults.loadtext='' y mueve el div 'cargando' al lugar donde quieres tenerlo. Es necesario ajustar algunos estilos CSS adicionalmente. Por ejemplo

$("#load_list") 
    .css({position:'relative',left:'0',float:'left',width:'4px', 
      height:'4px','margin-top':'3px'}) 
    .prependTo('#pager_left'); 

Al final recibirá algo así como

Ver la demo correspondiente here.