darek_dade on Resizable jqGrid - my solution but needs improving

Mon, 22 Feb 2010 23:23:01 +0200

I am working on a treegrid and I need it to be resizable as well!

wolis on Resizable jqGrid - my solution but needs improving

Mon, 22 Feb 2010 02:43:57 +0200

Hi ppl,

My solution to getting a resizable jqGrid is to wrap it in a div that resizable, auto-fix the jqGrid to it, and re-calculate the size of the jqGrid when the div resizes:

// make the box holding the list resizable..
$('#'+block+'_box').resizable({ handles: 'e, se' });
$('#'+block+'_box').resize( function(){
     // TODO: can this resizing calculation be simplified?
     var width = $(this).innerWidth();
     var height = $(this).innerHeight();
     jQuery('#'+block+'_list').setGridWidth(width);
     var pagerHeight   = $('#pg_'+block+'_pager').height();
     var headerHeight = $('#'+block+'_box .ui-jqgrid-hbox:first').height();
     var titleBarHeight = $('#'+block+'_box div.ui-jqgrid-titlebar:first').height();
     var labelHeight = $('#'+block+'_box tr.ui-jqgrid-labels:first').height();
     var extraBit = titleBarHeight/2;
     headerHeight = parseInt(extraBit+titleBarHeight+labelHeight+pagerHeight); // 73;

     $('#gview_'+block+'_list').height(height - pagerHeight);
     $('#gview_'+block+'_list > .ui-jqgrid-bdiv').height(height - headerHeight);

Notice how I have to get the height of some of the jqGrid elements by a class name (eg .ui-jqgrid-hbox:first) as that specific item had no ID defined.

Im sure Im not the first person to want a resizable jqGrid, so what is the prefered method of doing this?

Thanks

jQuery Grid Plugin - jqGrid - Topic: Resizable jqGrid - my solution but needs improving

darek_dade on Resizable jqGrid - my solution but needs improving

wolis on Resizable jqGrid - my solution but needs improving