2012-07-11 38 views
0

我正在从XML文件中读取记录,并使用推送方法将它显示在动态创建的HTML表格(在div的内部id =“content”内)。当记录数低于1000时,脚本正常执行并显示内容。但是,当记录数超过100万时,浏览器(当前使用Firefox)会警告我为无响应脚本(此页面上的脚本可能很忙,或者它可能已经停止响应,现在可以停止脚本,也可以继续看脚本是否会完成)。我知道我们可以拆分记录并使用页面导航进行显示,但我需要显示当前视图中的所有记录,就像在Yahoo! Mail's In Scrolling Option中一样。或者在显示所有记录之前,我想在“内容”div中显示加载图像,之后必须显示带有xml内容的HTML表格。我怎样才能做到这一点?从XML加载大量记录到HTML表

回答

0

有一个很好的理由。将数百万条记录载入网页并不是一个好主意,因为它会消耗你的电脑内存。尽可能简单 人们为此做了很多解决方法,您可以使用分页来回。你也可以使用延迟加载。就像你一次只能看到10条记录一样,所以记录在页面滚动时动态加载 许多js库对于分页和延迟加载都有不同的实现。 这是来自Extjs的分页示例 enter link description here

分页和延迟加载。使用这些技术

0

你可以在结束负载更多的记录,当滚动到达后最初加载一些记录一个等on.You可以使用下面的JavaScript代码来检查滚动结束,因此加载更多的记录:

$('#id').bind('scroll', function(){ 
      if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight){ 
       //load more records 
      } 
     });