后台数据加载后，前台展示比较慢，请问如何解决，多谢！

问题：控件加载数据比较慢，需要较长时间才能将数据展示，有时会导致浏览器出现未响应
说明：1、前台展示样式由excel文件定义，展示时读取excel模版，并向其中添加数据和验证等。
          2、控件展示数据从数据库获取，记录数不定，导致该问题时的数据量为2000多条
          3、跟踪代码发现后台程序从数据库读取数据、控件sheet单元格赋值都挺快，但是之后，就一直等待前台展示了，好久才会出现展示页面，甚至ie会出现停止相应
截图：
1、等待前台展示：

正在展示

2、展示结果：

展示结果

回复 1楼xingyuan2010000的帖子

您好，
当前数据量建议您使用分页或者按需加载，具体设置方法可以参考在线示例：
分页：http://demo.gcpowertools.com.cn/ ... aging/Overview.aspx
按需：http://demo.gcpowertools.com.cn/ ... emand/Overview.aspx

请尝试看是否启作用，一般影响数据加载性能有两个点，数据量和样式，如果数据量无法减少，可以尝试减少样式。

我看例子都是设置好数据源，然后自动加载的；
但是我们的程序是一次性读取所有的数据，将数据赋值给sheet上的单元格，然后再做展示，这样是不是无法使用您说的方法？

回复 3楼xingyuan2010000的帖子

我写了一段代码进行了简单的模拟，看是否和你的使用场景一致？

1. 
   
2. protected void Page_Load(object sender, EventArgs e)
   
3.         {
   
4.             if (IsPostBack)
   
5.             {
   
6.                 return;
   
7.             }
   
8. 
   
9.             DataTable dt = new DataTable();
   
10.             dt.Columns.Add("Col1");
    
11.             dt.Columns.Add("Col2");
    
12.             for (int i = 0; i < 200; i++)
    
13.             {
    
14.                 dt.Rows.Add("1", "1");
    
15.             }
    
16. 
    
17.             this.FpSpread1.DataSource = dt;
    
18.             SheetView sheet = this.FpSpread1.Sheets[0];
    
19.             sheet.AllowLoadOnDemand = true;
    
20.             sheet.PageSize = 100;
    
21.             sheet.LoadInitRowCount = 10;
    
22.             sheet.LoadRowIncrement = 5;
    
23.             sheet.LoadOnDemandMode = FarPoint.Web.Spread.LoadOnDemandMode.Background;
    
24.             sheet.LoadOnDemandTriggerMode = FarPoint.Web.Spread.LoadOnDemandTriggerMode.Timed;
    
25.             sheet.LoadOnDemandInterval = 1000;
    
26. 
    
27.             this.FpSpread1.Sheets[0].Rows.Add(0, 1);
    
28.             this.FpSpread1.Sheets[0].Cells[0, 0].Text = "测试";
    
29.             this.FpSpread1.Sheets[0].AddSpanCell(0, 0, 1, 2);
    
30.         }
    
31. 
    

复制代码

如果没有解决问题，请你把当前模板发上来我查看能否进行优化。

回复 4楼iceman的帖子

我先根据您提供的方法测试下

回复 4楼iceman的帖子

追问下，例如初始化加载100条记录后，是不是只有页面拉到最后才能触发时间事件继续后台加载？

回复 6楼xingyuan2010000的帖子

当前提供的是按时加载，无法下拉，每个时间间隔都自动加载一批数据。

回复 7楼iceman的帖子

我设置了下按需加载，有几个问题
1、需要页面下拉很多才会触发
2、加载时页面没有提示，用户无法知道是否在加载
3、感觉触发时间不准确，设置500，这个是毫秒把，感觉很久才触发
代码如下:

1.       SheetView sheet = this.fpTemplate.Sheets[0];
   
2.                 sheet.AllowLoadOnDemand = true;
   
3.                 sheet.PageSize = 5000;
   
4.                 sheet.LoadInitRowCount = 100;
   
5.                 sheet.LoadRowIncrement = 100;
   
6.                 sheet.LoadOnDemandMode = FarPoint.Web.Spread.LoadOnDemandMode.Background;
   
7.                 sheet.LoadOnDemandTriggerMode = FarPoint.Web.Spread.LoadOnDemandTriggerMode.Timed;
   
8.                 sheet.LoadOnDemandInterval = 100;

复制代码

回复 8楼xingyuan2010000的帖子

链接中的demo实现了每 1000 毫秒加载一批数据，单位是毫秒，并且在前台实现了数据加载提示。具体的做法是前台添加 label 用于显示。
感觉加载时间不稳定，请问数据是在本地还是远程服务器？有可能是由于网络原因影响的。
后台注册前台加载脚本：

1. 
   
2. protected void Page_Load(object sender, EventArgs e)
   
3.     {
   
4.       string js = "var spid='" + FpSpread1.ClientID + "';";
   
5.       js += "var ss=document.getElementById(spid);" + "\r\n";
   
6.       js += "if (ss.addEventListener) {" + "\r\n";
   
7.       js += "    ss.addEventListener("LoadRowsStart", RowStart, false);" + "\r\n";
   
8.       js += "    ss.addEventListener("LoadRowsStopped", RowStop, false);" + "\r\n";
   
9.       js += "} else {" + "\r\n";
   
10.       js += "    ss.onLoadRowsStart = RowStart;" + "\r\n";
    
11.       js += "    ss.onLoadRowsStopped = RowStop;" + "\r\n";
    
12.       js += "}" + "\r\n";
    
13. 
    
14.       ClientScript.RegisterStartupScript(this.GetType(), "onStartUpScript", js, true);
    
15. }
    

复制代码

前台脚本改变label值：

1. 
   
2. <script type="text/javascript">
   
3.     function RowStart() {
   
4.       document.getElementById("<%= Label1.ClientID %>").innerHTML = "后台加载数据行...";
   
5.     }
   
6. 
   
7.     function RowStop(e) {
   
8.       var e = e || window.event;
   
9.       var rowsToBeLoaded = e.rowsToBeLoaded;
   
10.       if (rowsToBeLoaded == 0) {
    
11.           document.getElementById("<%= Label1.ClientID %>").innerHTML = "";
    
12.       }
    
13.       document.getElementById("<%= Label2.ClientID %>").innerHTML = rowsToBeLoaded;
    
14.     }
    
15.   </script>
    

复制代码

回复 9楼iceman的帖子

嗯，测试可以正常按需加载，但是加载数据大于1000时，显示还是很慢，这个是否可以解决？另外，如果解决不了，我们想使用分页方式，在点击下一页的时候，提示用户正常加载，我在论坛找到了相关例子，但是使用后，可以正常分页，但是点击下一页时无法进行友好提示。获取的按钮都是null