Resetting SlickGrid for new data

Question

I have a SlickGrid in which the user can choose various datasets. Thus the schema can change. So when the user selects a new dataset, I need to either delete the SlickGrid and start over, or clear the existing one.

What is the proper approach? Should I just delete the DOM node? I have looked through the API and cannot find any grid level calls that appears to accomplish what I am looking to do.

thanks

You can update the DataView with the new values and call invalidateRows on the grid. — dchhetri, Jul 14 '13 at 22:59
I am binding using an array of columns and an array of rows. Not a dataview. I'll look into that though. thanks. — user1883165, Jul 15 '13 at 00:54
either way, if data has changed, you have to tell slickgrid that it has changed. One way is via invalidateRows — dchhetri, Jul 15 '13 at 01:01
change the data and call `grid.invalidateRows()` and then `grid.render()` — Premshankar Tiwari, Jul 17 '13 at 16:59

Jatin patil · Answer 1 · 2013-08-29T16:22:51.227

9

Use Data view and "OnChange()" call following lines,

grid.invalidateAllRows();
dataView.setItems(newData, "Id");
grid.render();

If your not using dataview try this,

        var data = []; \\or new array
        grid.setData(data);
        grid.render();

edited Aug 29 '13 at 16:22

answered Jul 18 '13 at 12:28

Jatin patil

4,252
1
18
27

Using IE11 it is very slow! Is there no other better alternative? – Ricardo Ruiz Romero Mar 23 '18 at 20:15

score 2 · Answer 2 · answered Dec 18 '14 at 14:18

2

Below code did the job for me to reset the slickgrid from javascript

dataView.beginUpdate();
dataView.getItems().length = 0;
dataView.endUpdate();

answered Dec 18 '14 at 14:18

Arivarasan L

9,538
2
37
47

score 0 · Answer 3 · answered Jul 15 '13 at 17:42

0

Call:

grid.setData(<new data>)

answered Jul 15 '13 at 17:42

Tin

9,082
2
34
32

What I tried last night was : grid.setData({}); grid.SetColumns({}); grid.setColumns(newColumns); grid.setData(newRows); That did not appear to work. I'll give it another shot tonight. – user1883165 Jul 15 '13 at 19:19

score 0 · Answer 4 · answered Oct 20 '16 at 03:31

Any of the following can be used to add data


//add data using slickgrid object
data.splice(data.length, 1, item);
grid.setData(data);
grid.invalidateRow(data.length);
grid.render();


//add single item using data view
dataView.addItem(item);
grid.updateRowCount();
grid.invalidateRow(data.length);
grid.render();


//set all new data set in grid, using a new set of data including added on (Mutliple rows)
data.splice(data.length, 1, item);
dataView.setItems(data, 'ID');   
grid.invalidateAllRows();
grid.render();

Resetting SlickGrid for new data

4 Answers4

Linked