Question

easyui layout 高度怎么自适应

Answer 1

我解决了 ，不过后来我不采用easyui了，太卡。 它的功能的确很赞。我都做到快结束了。换成ligerui了，这个功能少，也有很多bug，不过执行快很多，进行少量修改基本上满足需求啦。 从服务器请求数据到grid控件，easyui很慢，好像还要准备一段时间似的，然后才慢慢显示出来。

Java代码
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_treegrid.treegrid({
width:w-20,
height:h-260
});
}
}
});

类似这样 ，有个 onsize方法，可以在页面载入和改变浏览器大小时让你重新定制窗口内组件大小。这个是主页面。然后 这个页面的 主区域会载入各个 tab页 对吧，这个页也是指定到某个 action 或 springmvc的后台页面转发器。
这个页面也需要 组件随着窗口调整

Java代码
$(window).resize(function(){
var width = $(window).width()-20;
var height = $(window).height()-30;
grid.datagrid('resize',{
width:width,
height:height
});
});

用上面的方法 调整子页面（Tab载入的）内的各个 grid 等等的 大小。
我解决了 ，不过后来我不采用easyui了，太卡。 它的功能的确很赞。我都做到快结束了。换成ligerui了，这个功能少，也有很多bug，不过执行快很多，进行少量修改基本上满足需求啦。 从服务器请求数据到grid控件，easyui很慢，好像还要准备一段时间似的，然后才慢慢显示出来。

Java代码
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_treegrid.treegrid({
width:w-20,
height:h-260
});
}
}
});

类似这样 ，有个 onsize方法，可以在页面载入和改变浏览器大小时让你重新定制窗口内组件大小。这个是主页面。然后 这个页面的 主区域会载入各个 tab页 对吧，这个页也是指定到某个 action 或 springmvc的后台页面转发器。
这个页面也需要 组件随着窗口调整

Java代码
$(window).resize(function(){
var width = $(window).width()-20;
var height = $(window).height()-30;
grid.datagrid('resize',{
width:width,
height:height
});
});

用上面的方法 调整子页面（Tab载入的）内的各个 grid 等等的 大小。

Answer 2

把body 渲染成 layout 自然就自适应