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

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

一、扩展类库

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

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

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

示例代码如下：

function deleteStations(){
    $.loading("正在处理请稍后...");

    var row = $("#view").datagrid("getSelections");
     
    for(var i=0;i<row.length;i++)

    {
        stationIdList[i]=row[i].id;
    }    
    
  $.ajax({
        url :"../stationController/deleteStations",
        data :{
            stationIdList: ''+stationIdList
        },
        type : 'POST',
        success : function(result) {
            $.loaded();
            if(result){
                //成功
                $("#delete_success").dialog('open');
                $('#view').datagrid('reload');  
            }
        }

    });  
}