Question

easyui layout 高度怎么自适应

Answer 1

您好，很高兴为您解答。

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的后台页面转发器。 这个页面也需要 组件随着窗口调整 

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

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

如若满意，请点击右侧【采纳答案】，如若还有问题，请点击【追问】

希望我的回答对您有所帮助，望采纳！

                                                                                                                             ~ O(∩_∩)O~