10/04/2012

Ajustar ancho de jqGrid automaticamente

jqGrid es un plugin para jQuery muy útil, el cual te permite crear grillas muy completas con algunas pequeñas lineas de código, es  muy configurable, con una gran variedad de ejemplos y una wiki bastante extensa, pueden revisar un pequeño tutorial para mas información de como utilizar esta grilla.

Días atrás me topé con un problema al implementar la grilla en un proyecto, esta no modificaba su ancho al redimencionar la ventana del navegador, para solucionar esto debemos agregar las siguientes líneas en el <body>:
 $(window).bind('resize', function() {  
      var grid = null;  
      if (grid = $('.ui-jqgrid-btable:visible')) {  
           grid.each(function(index) {  
                var gridId = $(this).attr('id');  
                var gridParentWidth = $('#gbox_' + gridId).parent().width();  
                $('#' + gridId).setGridWidth(gridParentWidth);  
           });  
      }  
 }).trigger('resize');  
Fuente

No hay comentarios.: