<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",{ halfWidth }); // 通知layout组件,重新布局 $("#layout").layout("resize"); } // 对窗口改变动作,添加事件 $(window).resize(autoResizeWin); // 初始化效果 autoResizeWin(); }) </script>