2010-07-02 83 views
2

惰性加载功能在SlickGrid中非常酷 - 但是有没有人有任何背景加载未来页面的经验?SlickGrid - 背景加载页面

因此,这意味着当用户到达没有数据加载的网格点时,不会有数据缓冲/加载 - 因此加快了用户体验。

+0

您是指延迟加载DOM元素或数据(通过ajax)? – Tin 2010-07-02 15:45:15

+0

@Tin--数据的延迟加载 - 这工作正常,但我们只是想加载它的异步,以便用户滚动时不会遇到任何空白。 – 2010-07-05 07:34:31

+0

所以你想要加载网格的初始页面值的数据,然后开始在后台下载其余的?你有没有考虑过这会导致服务器的额外负载?也许某种预测性的Ajax加载会更好。 – Tin 2010-07-05 18:05:04

回答

0

我们发现解决类似的问题通过使用setTimeout的,所以每次我们去的时间去50条记录,我们设置了超时再弄50几秒钟。

+0

这是一个不错的主意,但它在代码中看起来如何?我想为延迟加载JSON数据做类似的事情。 – ghiscoding 2014-05-30 14:21:03

0

有几个选项可以提供这种功能。

预取。 Mozilla: Link Prefetching FAQ

添加以下内容head的page1.htm将允许page2.htm的背景预取浏览器支持此功能。

<link rel="next" href="page2.htm" > 

正如我所说的,我不知道该做的浏览器,不支持这一功能,但是,如果你想对所有的浏览器提供同样的功能,你也可以的代码,在jQuery是一个为任何不支持预取的浏览器运行的函数,用于创建隐藏的iFrame。

的IFrame StackOverflow: iframe preloading

创建的iframe,像下文中,既可以通过基本的HTML编码,或动态地使用jQuery,将加载page2.htm同时仍显示page1.htm(也应该只要参考页面缓存友好,就可以提供性能提升)。

<iframe src="page2.htm" width="1" height="1" frameborder="0" scrolling="no" style="position:absolute;top:-3000px;left:-3000px;></iframe>