Reputation: 263
I have 2 SlickGrids in a jquery modal layer.
I need to be able to clear all rows when modal layer is closed so that the grids are empty when/if the user reopens the modal layer later.
Actually I can do this with using:
dataViewMG1.beginUpdate();
dataViewMG1.getItems().length=0;
dataViewMG1.endUpdate();
but if I do this, I cannot repopulate the grids using any of my standard methods:
dataViewMG1.beginUpdate();
dataViewMG1.setItems(modaldata1);
dataViewMG1.endUpdate();
invmodalgrid1.invalidate();
invmodalgrid1.render();
Anyone have any ideas?? Thanks
Upvotes: 0
Views: 3366
Reputation: 13194
I personally empty out my grid before refreshing the data, so it doesn't confuse the user thinking it's the actual refreshed data. That seems to be what you want to do here.
My grid in HTML being:
<div id="myGrid1" style="width:100%;height:680px;"></div>
and in my JavaScript, I empty out the grid before refreshing it
$('#myGrid1').empty(); // empty out the Grid before refreshing the data
Upvotes: 3