topic Re: Show/Hide Dojo Data Grid - JS API in ArcGIS JavaScript Maps SDK Questions

Show/Hide Dojo Data Grid - JS API

JK — Thu, 25 Aug 2011 16:08:42 GMT

Hello,
I have a Web tool built using and ArcGIS REST service using JS API.

The top (region) pane contains the search (findTask) box.
The center pane contains the map.
The right pane contains the data grid.

The tool works fine. Next I'd like to add the capability to collapse and show the right region pane at will? I'm not finding any solutions online. Any ideas?

The pane is in a <div> tag below.

Thanks.

<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'right'" style="width:400px;">
     <table data-dojo-type="dojox.grid.DataGrid" data-dojo-id="grid" id="grid" data-dojo-props="rowsPerPage:'50', rowSelector:'20px'">
      <thead>
        <tr>
          <th field="ST_ABBR" width="35">ST</th>
          <th field="CENTER" width="200">WC</th>
        </tr>
      </thead>
    </table>
</div>

Re: Show/Hide Dojo Data Grid - JS API

JK — Thu, 25 Aug 2011 16:25:44 GMT

In addition I'd like it to show/hide in a east/west manner.

Re: Show/Hide Dojo Data Grid - JS API

KellyHutchins — Thu, 25 Aug 2011 16:55:48 GMT

Take a look at this sample:

http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples/exp_dragdrop.html

It uses the dojox.layout.ExpandoPane to allow users to hide/show a content pane.

In addition I'd like it to show/hide in a east/west manner.

Re: Show/Hide Dojo Data Grid - JS API

StephenLead — Thu, 25 Aug 2011 22:42:56 GMT

Hi Kelly,

Note that the expandoPane closes "backwards" when it's placed on the right-hand side - the default ease-in and ease-out method assumes that it's placed on the left-hand side.

Any ideas how to resolve that? Not a big deal, but it would make the panel's operation more obvious.

Cheers,
Steve