0

Im building a large 2 way syncing (read + write) spreadsheet front end (think google drive spreadsheet) for an application, the back end keeping all the data in sync between the users / views is fine, but i keep running into problems with the number of 2 way bindings on a page. Im currently using angualr.js and there seems to be limit of around 1500 elements, after that the js becomes un responsive.

Whats the normal approach for building large 2 way data binding / syncing on the front end ?

sam
  • 9,486
  • 36
  • 109
  • 160
  • Are all 5000 on screen at the same time? – Paul S. May 11 '14 at 11:27
  • @PaulS. - no the user can scroll through the spreadsheet, so at any one time there will be around 20 rows and 10 columns actually in the part of the table they are looking at, but they can also scroll up / down, left / right to see more – sam May 11 '14 at 13:55
  • `20 * 10 = 200 < 1500` so why not try using bindings only on the visible area/the region around the visible area, and add/remove them as the user navigates – Paul S. May 11 '14 at 14:28
  • Also I'm pretty sure services _Google_ does not use an independent sync for each item, but rather a single one for the whole document, where the updates get a reference designating which cell it is talking about – Paul S. May 11 '14 at 14:30

0 Answers0