怎样根据页面的变化自动调整Grid的大小?

我想页面的大小发生变化时,Grid的宽高也能够跟着变化,怎么能够做到?
已邀请:

yefei

赞同来自:

如果想要Grid自动适应页面大小,首先Grid的宽高不能设置死,需要手动进行计算。同时,你也需要捕获页面的resize事件,在该事件中进行重设Grid的高宽,示例如下:
 
页面resize 事件:
            $(window).resize(function(e) {

var gridHeight = $(window).height() - 其他区域的高度;
that._resizeGrid( gridHeight );

});

根据计算的高度重设Grid高度:
_resizeGrid : function( _height ){

var gridElement = $("#grid" );
var dataArea = gridElement.find(".k-grid-content");
var diff = gridElement.innerHeight() - dataArea.innerHeight();
gridElement.height(_height);
dataArea.height(_height - diff);
}

 

要回复问题请先登录注册