关于Jquery当处理大批量数据显示正在处理

Posted 2020-12-13 zwxbky

关于操作大批量数据界面显示

一、扩展类库

  关于jquery.extend.min.js已经上传到我的文件中了 里面包含了一些关于Jquery的扩展方法,其中包含一个关于处理大批量数据时，页面卡顿的处理。

当处理大批量数据时，例如批量删除，一口气删除200行时，会发现页面卡顿不动，这样会影响用户体验效果，为了避免这样的事情，我们可以使用这个类库中的$.loading("正在处理中请稍后...")这个方法来解决

当处理完成后在回调函数里面调用$.loaded();来关闭这个显示；

示例代码如下：

 

 1 function deleteStations(){
 2     $.loading("正在处理请稍后...");
 3 
 4     var row = $("#view").datagrid("getSelections");
 5      
 6     for(var i=0;i<row.length;i++)
 7 
 8     {
 9         stationIdList[i]=row[i].id;
10     }    
11     
12   $.ajax({
13         url :"../stationController/deleteStations",
14         data :{
15             stationIdList: ‘‘+stationIdList
16         },
17         type : ‘POST‘,
18         success : function(result) {
19             $.loaded();
20             if(result){
21                 //成功
22                 $("#delete_success").dialog(‘open‘);
23                 $(‘#view‘).datagrid(‘reload‘);  
24             }
25         }
26 
27     });  
28 }