add or update data?

[mspanish]

Maybe I'm missing the obvious but is there a method do update data, rather than setting the source?

I'm using Papa Parse to stream CSV files which are 30MB+, so I use the chunked option and need to update or add data on each chunk, which I can adjust the size for.

How with Cheetah Grid could I do this? This data is JSON although I can also get it as simple arrays with the headers separate, which is a lot less data coming out of the parser.

My parsing fn:

Papa.parse('http://localhost:5000/followers.csv', {
        header: true,
        download: true,
        delimiter: ";",
        newline: "\r\n",
        skipEmptyLines: true,
        chunk: function(results) {
		let data = results;
		dataTable.insert(data);
                numberFollowers +=results.data.length;
        },
        complete: function(results) {
            console.log('lenny:'+numberFollowers)
        }
});

[mspanish]

I can replace data by doing:

grid.records = data;

but it's replacing all my other data on each chunk. So if I have a way to return the data from the grid, I can then just do a concat - is there a method to return the current data?

update: I don't know if this is very memory efficient, but I set my own variable loadedData above my scripts. Then in the data gathering fn, I do this:

data = loadedData.concat(data)
grid.records = data;
loadedData = data;

Then in my data complete fn, I clear it out,

loadedData = []

[ota-meshi]

Thank you for your question.

As you say, in order to update the array data you need to make an assignment to grid.records.

If you use a DataSource you can write:

const dataSource = new cheetahGrid.data.CachedDataSource({
  get(index) {
    return loadedData[index];
  },
  length: loadedData.length,
});

const grid = new cheetahGrid.ListGrid({
  // ...
  dataSource,
  // ...
})

loadedData.push(...newData)
dataSource.length = loadedData.length

https://future-architect.github.io/cheetah-grid/documents/api/js/grid_data/#using-cheetahgrid-data-datasource-object