即时通讯使用ag网格rowmodeltype是企业(服务器端),因为如果我加载所有记录,api响应花费的时间差不多2-3分钟,所以使用服务器端分页
答案 0 :(得分:0)
大多数瓶颈发生在后端(数据库检索)。 为了减少缓慢的影响,你可以采用我使用过的方法。
现在,用户将会看到'那些前400行,而它仍然加载剩余的3600行。您需要在此处显示加载图标以显示进度。
下面是一个加载此代码的代码示例。
var myList = [];
var loadDataFunc = function( start, limit ) {
_self.Status.IsLoading = true;
$http
.get( DataUrl + "?start=" + start + "&limit=" + limit)
.then(function(response){
if( response && response.data && response.data.List) {
if( response.data.Total > 0 ) {
for( var z = 0; z < response.data.List.length; z++ ) {
myList.push(response.data.List[z]);
}
var currentItemsLoaded = start + response.data.List.length;
if( currentItemsLoaded < response.data.Total ) {
//means we still have pending to load, then we load again!
setTimeout(function(){
loadDataFunc(currentItemsLoaded, limit);
}, 500);
}else {
//If it reaches here, it means we have completed loading
_self.Status.IsLoading = false;
_self.Status.IsLoaded = true;
}
BindDataToGrid();
} else {
_self.Status.IsLoading = false;
_self.Status.IsLoaded = true;
if( start === 0 ) {
BindDataToGrid();
}
}
}
else {
_self.Status.IsLoading = false;
_self.Status.IsLoaded = true;
}
})
.catch(function(response){
_self.Status.IsLoading = false;
//error!
});
};
function BindDataToGrid () {
setTimeout(function(){
grid.api.setRowData(myList);
},100);
};