Question

In our page, the grid will be inside an accordian. So i would like to eliminate the caption layer and implement the hiddengrid:true functionality on clicking on the accordian instead of clicking on the caption layer icon(in specific on opening of accordian). How can I achieve this? Any suggestions , thanks in advance.

The main intention is to have the functionality like in the documentation of hiddengrid option
If set to true the grid is initially is hidden. The data is not loaded (no request is sent) and only the caption layer is shown. When the show/hide button is clicked for the first time to show grid, the request is sent to the server

Answer 1

You can use jQuery.slideUp, jQuery.slideDown or jQuery.slideToggle to implement the behavior close to hiddengrid:true.

To implement this you can place grid inside of a div like below

<div id="overGrid">
    <table id="list"><tr><td></td></tr></table>
    <div id="pager"></div>
</div>

and use

$("#overGrid").slideToggle("fast");

if you need to toggle the grid.

The demo demonstrate this.

UPDATED: Probably you have some remote datatype in the grid (“json” or “xml”) and want don’t load the grid contain at the beginning? In the case you need just use datatype: "local" initially and use setGridParam to change the datatype to "json" (or "xml") inside of “select” callback of tab. After changing the datatype you should call trigger("reloadGrd") to load the data (or to refresh the data) from the server.