Caching ajax data in Javascript grid and UI controls

Question

I'm writing a rich UI in JS that needs to display large data sets returned from REST calls in a fluid layout, that will include many controls such as grids, tab strips, menus etc. Can you suggest some JS libs/toolkits that will let me do the following -

• intelligently cache the data, and fetch more as needed for the UI. The cache should be able to feed multiple UI controls and I want to use some sort of data-binding such as KnockoutJS. (The data will be returned from jQuery's ajaxManager).

• UI controls that detect when user is exceeding boundaries (such as scrolling in the grid) and automatically issue requests to cache to fetch more data. Some sort of jQuery plugin than can be used with a variety of widgets would be preferable.

• which grid control is easiest to use with the following requirements: must be data driven (all data comes from json/objects from cache, all html is from jquery templates), need not be editable, layout has to be flexible, support cells of different sizes. Basically I'm looking for a combination if isotope's layout engine with SlickGrids virtual rendering.

Answer 1

I've used Sencha's Ext-JS. It has all of those things!