EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: devnull on November 23, 2012, 08:51:08 PM



Title: Strange Problem with DataGrid in hidden form
Post by: devnull on November 23, 2012, 08:51:08 PM
http://jsfiddle.net/7ghDF/

This should display 2 "Click Me" buttons, one beneath the other, when you click either button the Form should be displayed showing the datagrid.

However only the first button is displayed, if you click the first button, then the bottom button appears, as does the form, however the datagrid is hidden.

All of my pages use a hidden form, and depending upon a menu click, the required form is displayed, it works with everything else except the datagrid.

Thanks



Title: Re: Strange Problem with DataGrid in hidden form
Post by: devnull on November 26, 2012, 12:45:17 AM
Hi

Can you look into this please as it is currently breaking my pages

Thanks


Title: Re: Strange Problem with DataGrid in hidden form
Post by: stworthy on November 26, 2012, 01:11:01 AM
Call 'resize' method on datagrid after the form display. Please refer to the updated sample.
http://jsfiddle.net/7ghDF/1/


Title: Re: Strange Problem with DataGrid in hidden form
Post by: devnull on November 26, 2012, 02:46:47 AM
Thanks, but there is a second problem.

The second button should appear initially below the first button, basically the data grid appears to be killing any code underneath it.

But the second button is getting hidden even though it is outside of the form which is set to display: none.

Thanks




Title: Re: Strange Problem with DataGrid in hidden form
Post by: stworthy on November 26, 2012, 04:18:09 AM
There is a little mistake in the form tag you posted, it start with <form> but not end with </form>, now has been fixed.
http://jsfiddle.net/7ghDF/2/