jQuery Grid Plugin - jqGrid - Topic: Show at least one grid

Clement on Show at least one grid

Fri, 27 Nov 2009 22:47:50 +0200

Thanks Tony, setTimeout works!

tony on Show at least one grid

Fri, 27 Nov 2009 04:48:32 +0200

Hello,

Really forgot it, but you will need to use setTimeout to the grids that do not work.

This is connected maybe with this that the hidden element in jQuery has width and height = 0;

Regrads

Tony

Clement on Show at least one grid

Wed, 25 Nov 2009 20:40:54 +0200

I think so since I do see grid height changes. The only cases where they do not work as expected are described in my first post. It works when you click to hide a grid but not when click to unhide, the unhidden grid height remains at 400 when viewed even though .jqGrid('getGridParam', 'height') reports 200.

gridA event -

onHeaderClick: function(stat){
setGridHeight($("#gridA"), stat, $("#gridB"));

},

gridB event -

onHeaderClick: function(stat){
setGridHeight($("#gridB"), stat, $("#gridA"));

},

tony on Show at least one grid

Wed, 25 Nov 2009 12:07:08 +0200

Hello,

My thoght was not only this, but how you pass the sourceGrid, targetGrid - are they passed correct to the function?

Regards

Tony

Clement on Show at least one grid

Wed, 25 Nov 2009 11:23:30 +0200

I did add alerts to check the new height which is supposed to be 200. The alerts show 200 but the physical height still appear as 400. Appreciate clarification if this is not what you refer to.. Thank you!

tony on Show at least one grid

Wed, 25 Nov 2009 11:12:38 +0200

Hello,

Making alerts after if and else will give you the answer.

Regards

Tony

Clement on Show at least one grid

Mon, 23 Nov 2009 22:59:48 +0200

Hi,

I have two grids on a page: gridA and gridB, both height: 200 and visible onload. What I like it to do are:

1) At least one grid must be shown at any time.

2) If one grid is hidden, the height of the other is doubled to cover the space given up.

Steps to reproduce the only problem encountered:

1) Hide gridA -> gridA is hidden, gridB height: 400

2) Hide gridB -> gridB is hidden, gridA height: 400

3) Unhide gridB -> gridA height: 200, gridB height: still 400!

1) Hide gridB -> gridB is hidden, gridA height: 400

2) Hide gridA -> gridA is hidden, gridB height: 400

3) Unhide gridA -> gridB height: 200, gridA height: still 400!

Have I missed anything? The following function is called in onHeaderClick for both grids. sourceGrid is the grid where header is clicked, targetGrid is the other grid.

      function setGridHeight(sourceGrid, sourceGridState, targetGrid){
        if(sourceGridState == “hidden”){
          sourceGrid.jqGrid('setGridHeight', 200); // Not working!
          // Grid#1 is hidden, increase height of grid#2 and unhide it if needed.
          targetGrid.jqGrid('setGridHeight', 400);
          if(targetGrid.jqGrid('getGridParam', 'gridstate') == “hidden”)
            targetGrid.jqGrid('setGridState', “visible”);
        }
        else{
          // Unhide grid#1, reset height of both grids.
          sourceGrid.jqGrid('setGridHeight', 200); // Not working!
          targetGrid.jqGrid('setGridHeight', 200);
        }
      }

Please advise.. Thank you!!