KO, Underscore.js: Is it Possible to Throttle Template Binding?

Question

Using Knockout with the Underscore.js template engine...

When I try to bind 2004 list items to a ul DOM element, IE8 chokes and pops up a "slow running script" warning.
At first, I thought that this solution would solve my problem. Unfortunately, it did not.
So I used Google Chrome's profiler. It claims that my code is spending most of its time in a.c.options.update.
- So I'm led to believe that the template binding is executing over 5 million consecutive Javascript statements, and that I need to throttle this binding somehow, perhaps with setTimeout statements.

My Two-Part Question:

Am I pursuing this problem correctly?
If so, can I throttle Underscore.js's templating engine (inside of the foreach which renders my ul DOM element?

score 0 · Answer 1 · answered Jun 20 '12 at 21:15

0

I would use a virtual scrolling technique since you can't display the 2000+ items in the same time anyway.

Google for "knockout virtual scrolling" and you will find some interesting implementations.

answered Jun 20 '12 at 21:15

Guillaume86

KoGrid looks great, but unfortunately it doesn't work with IE7. – Jim G. Jun 20 '12 at 22:44
It's open source you can try to fix that, or make you own virtual scrolling code but I think it would be harder than just fix IE7 on KoGrid – Guillaume86 Jun 21 '12 at 12:36

score 0 · Accepted Answer · answered Jul 03 '12 at 01:45

0

If it helps anyone else, the template rendering was not my problem.

I fixed this issue be eliminating some expensive computed observables and favoring manual subscriptions.

answered Jul 03 '12 at 01:45

Jim G.

2 Answers2