如何提高kendo ui grid在页面的渲染速度
发布网友
发布时间:2022-04-29 21:44
我来回答
共1个回答
热心网友
时间:2022-04-23 08:46
最近项目中要求表格的高度能够占满整个页面,并且能够自适应,即随页面的改变而变化;
项目用的是kendo ui ,
思路,分两部
1,找到占满整个页面的表达式
2,自适应
具体实现代码
方法:
//占满整个页面
var _resizeGrid = function(_grid) {
var dataArea = _grid.find(".k-grid-content");
var bottomArea = _grid.find(".k-grid-pager");
var newHeight = $(document.body).height() - _grid.offset().top;
var diff = _grid.innerHeight() - dataArea.innerHeight();
_grid.height(newHeight- bottomArea.innerHeight());
dataArea.height(newHeight - diff - bottomArea.innerHeight());
};
//自适应
$(window).resize(function(){
resizeGrid(_grid);
});