easyui layout 高度怎么自适应

您好，很高兴为您解答。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var width = $(window)width()-80;
var height = $(window)height()-120;
stView_layout = $('#stView_layout')layout({
width: width,
height: height
});
station_view = $('#stationView')window({
title: '测站导航',
left:50,
top:80,
width: width,
modal: false,
shadow: false,
closed: true,
height: height,
onResize:function(w,h){
if(stView_treegrid){
stView_treegridtreegrid({
width:w-20,
height:h-260
});
}
}
});
有个 onsize方法，在页面载入和改变浏览器大小时重新定制窗口内组件大小。主页面的区域会载入各个tab页，这也是指定到某个action 或 springmvc的后台页面转发器。 这个页面也需要 组件随着窗口调整
1
2
3
4
5
6
7
8
$(window)resize(function(){
var width = $(window)width()-20;
var height = $(window)height()-30;
griddatagrid('resize',{
width:width,
height:height
});
});
用上面的方法 调整子页面（Tab载入的）内的各个 grid 等等的 大小。

以上就是关于easyui layout 高度怎么自适应全部的内容，包括:easyui layout 高度怎么自适应、、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！