How to Close a data grid

[CraigMcDade]

Does anybody have any ideas how to create an X in the top right corner to close a dojox.grid.DataGrid? I figured it would be as easy as styling the X and creating an onclick event similar to:

<tr>                     <td align="right">                         <div class="divOk" onclick="dijit.byId('datagrid').hide();">                             X</div>                     </td>                 </tr>

but that doesn't do anything...

[RuiShen]

You can refer to the post below:
http://forums.arcgis.com/threads/67475-Unable-to-close-and-reopen-Floating-Panel-using-Dojox

Basically, you need to use a floating pane.

[CraigMcDade · Accepted solution]

thanks, I wound up creating a work around for what I want by creating a new column and putting a close icon within the header. I connected it to an function so that when I click it, the grid closes and the map resizes:

function closeGrid() {   esri.hide(datagrid);   dojo.style("map", {"height": "100%"});   }

<th field="" width="2%"> <div class="GridCloseIcon" title="Close Grid" onclick="closeGrid();"></div>              </th>