在easyui中解决使west和center为1:1,并且拖动窗口时能够自适应变化

<script type="text/javascript">
    // 解决页面两个grid的布局问题
    $(function(){// 在页面加载完毕后
        //console.debug(document.documentElement.clientWidth);
        //动态修改左边面板的宽度
            function autoResizeWin(){
                // 获取页面总宽度
                var fullWidth = document.documentElement.clientWidth;
                // 获取页面一般的宽度
                var halfWidth = fullWidth/2;
                // 获取左边面板,修改宽度为halfWidth
                $("#westPanel").panel("resize",{
                    width:halfWidth
                });
                // 通知layout组件，重新布局
                $("#layout").layout("resize");
            }
            // 对窗口改变动作，添加事件
            $(window).resize(autoResizeWin);
            // 初始化效果
            autoResizeWin();
    })
</script>

 

转载于:https://www.cnblogs.com/tabchanj/p/5718196.html