Data Update in Slick Grid

Question

I have a slickgrid, with about 100 rows. Its data is refreshed in 5 seconds, but it is disturbing at each update the scroll is reset. I have tried to use dataview and dataview.refresh() but this time no change is reflecte to grid.

Here what I tried at each refresh:

mapMemoryTableDataView.beginUpdate();
mapMemoryTableDataView.setItems(data);
mapMemoryTableDataView.endUpdate();
mapMemoryTableDataView.refresh();

if(mapMemoryTableGrid == null)
    mapMemoryTableGrid = new Slick.Grid("#datatableMap1", mapMemoryTableDataView, columns, options);

mapMemoryTableGrid.updateRow(1)
mapMemoryTableGrid.render()

score 5 · Answer 1 · answered Mar 21 '12 at 04:38

You should definitely try the invalidatemethod

grid.invalidate();

From personal experience, all you need to do to refresh the grid is to use the invalidate method, provided on the grid. This updates everything and also preserves the scroll.

And by refresh, do you mean you are replacing the data, or updating certain rows?

score 3 · Answer 2 · answered Jul 24 '14 at 03:36

3

just use

gridItems.invalidate();
gridItems.render();

invalidate: mean nead to validate which row you want - in this case: no parameter row id = all row

answered Jul 24 '14 at 03:36

Wolf

6,361
2
28
25

enesness · Accepted Answer · 2012-03-26T08:07:06.377

3

I have called the following

 mapMemoryTableDataView.beginUpdate();
    mapMemoryTableDataView.setItems(data);
    mapMemoryTableDataView.endUpdate();
    mapMemoryTableDataView.refresh();
    for (var i = 0; i < olist.length; i++) {
        mapMemoryTableGrid.updateRow(i)
    }

invalidate and refresh did not cure my problem.

edited Mar 26 '12 at 08:07

answered Mar 26 '12 at 08:01

enesness

3,123
5
31
33

score 0 · Answer 4 · answered Jul 08 '13 at 14:35

I have called the following code:

        mapMemoryDataView.beginUpdate();
        mapMemoryDataView.setItems(pointsRows, "id");
        mapMemoryDataView.endUpdate();
        mapMemoryDataView.syncGridSelection(pointsGrid, false);

        for (var i = 0; i < pointsRows.length; i++) {
            mapMemoryTableGrid.updateRow(i);
        }

        mapMemoryTableGrid.invalidate();
        mapMemoryTableGrid.render();

score 0 · Answer 5 · answered Feb 06 '14 at 00:19

What worked for me was:

    events[v_current_row_num].field_id = v_new_field_id;
    events_grid.updateRowCount();
    events_grid.render();

I am using different grid and view names, but the concept revolved around calling updateRowCount and render functions.

Data Update in Slick Grid

5 Answers5

Linked