easyui layout布局问题

最新推荐文章于 2020-08-27 16:22:55 发布

mongkey_king

最新推荐文章于 2020-08-27 16:22:55 发布

阅读量717

点赞数

分类专栏：前端

前端专栏收录该内容

36 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的布局调整案例，该案例中包含了面板的展开与折叠功能，并在面板状态变化后触发窗口尺寸调整，确保了3D场景能够正确地适应新的窗口尺寸。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$('#container').layout('panel','west').panel({
    onExpand:function(){
        onWindowResize();
    },
    onCollapse:function(){
        onWindowResize();
    }
   });

function onWindowResize(){
    if(timer!=null){
        clearTimeout(timer);
        timer=null;
    }
    timer=setTimeout(function(){
        $("#labcontainer").layout('resize');
        var width=parseFloat(container.offsetWidth);
        var height=parseFloat(container.offsetHeight);
        camera.aspect = width/height;
        camera.updateProjectionMatrix();
        renderer.setPixelRatio(window.devicePixelRatio);
        renderer.setSize(width,height);
        camera.updateMatrixWorld();
        renderer.render(scene, camera);
    },200);
}