StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow to reload JQuery grid keeping scroll position and collapse elements open
text
Body
copied!<p>I'm currently working with JQuery plugin for struts2. I would like to know how to reload a JQuery grid without loosing the current scroll position and collapse rows. </p> <p>In order to reload the data in the grid I'm using the following javascript code:</p> <pre><code>var timerID = setInterval("RefreshGridData()", 5000); function RefreshGridData() { $("#griditems").trigger("reloadGrid"); } </code></pre> <p>The jsp of the grid is the following:</p> <pre><code><s:url id="itemsurl" action="getItemsJson.action" /> <s:url id="subitemsurl" action="getSubItemsJson.action" /> <sjg:grid id="griditems" caption="Items and Subitems" dataType="json" href="%{itemsurl}" pager="false" viewrecords="true" height="400" gridModel="gridModel" rowNum="-1" sortable="true"> <sjg:grid id="gridsubitems" subGridUrl="%{subitemsurl}" gridModel="gridModel" rowNum="-1"> <sjg:gridColumn name="subcol1" index="subcol1" title="SubColumn 1" width="120" /> <sjg:gridColumn name="subcol2" index="subcol2" title="SubColumn 2" align="left" width="120" /> </sjg:grid> <sjg:gridColumn name="col1" index="col1" title="Column 1" sortable="true" width="80"/> <sjg:gridColumn name="col2" index="col2" title="Column 2" sortable="true" /> <sjg:gridColumn name="col3" index="col3" title="Column 3" sortable="true" /> </sjg:grid> </code></pre> <p>Any comments on how to implement this are welcome.</p> <p>Thanks in advance.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload