<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
	<title>jQuery Grid Plugin - jqGrid - Topic: Grid resize an grid hide</title>
	<link>http://www.trirand.com/blog/?page_id=393/discussion/grid-resize-an-grid-hide</link>
	<description><![CDATA[Grid plugin]]></description>
	<generator>Simple:Press Version 5.7.5.3</generator>
	<atom:link href="http://www.trirand.com/blog/?page_id=393/discussion/grid-resize-an-grid-hide/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>lucasbob on Grid resize an grid hide</title>
        	<link>http://www.trirand.com/blog/?page_id=393/discussion/grid-resize-an-grid-hide#p12563</link>
        	<category>Discussion</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/discussion/grid-resize-an-grid-hide#p12563</guid>
        	        	<description><![CDATA[<div id="post12438">
<p>Hello,</p>
<p>when you resize a grid and try to hide it after some visual bugs appear (see New in version 3.6  -&#62; Resizing grid&#160; example in jqGrid Demos page ).</p>
<p>The following trick, by using onHeaderClick event and by defining a variable gboxheight, seems to work (i use example id)</p>
<p>&#160;&#160;&#160; &#160;&#160;&#160; onHeaderClick: function(gridstate) { <br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; if ( gridstate == &#39;hidden&#39; ) { <br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; gboxheight= $(&#39;#gbox_resize&#39;).height();&#160;&#160;&#160; //Get gbox_GRIDID height<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; $(&#39;#gbox_resize&#39;).height($(&#39;.ui-jqgrid-titlebar&#39;).height());&#160;&#160; // Set gbox_GRIDID minimal height<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; $(&#39;.ui-resizable-handle&#39;).hide();&#160;&#160;&#160;&#160; // Hide handle<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; } else { <br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; $(&#39;#gbox_resize&#39;).height(gboxheight);&#160; //Grid is visible, restore gbox_GRIDID height<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; $(&#39;.ui-resizable-handle&#39;).show();&#160; // Show&#160; handle<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; } <br />&#160;&#160;&#160; &#160;&#160;&#160; }</p>
</p>
<p>Regards</p>
</div>
]]></description>
        	        	<pubDate>Sun, 29 Nov 2009 13:53:09 +0200</pubDate>
        </item>
</channel>
</rss>