EazyUI布局问题

来源：互联网发布：好看的淘宝头像图片编辑：程序博客网时间：2024/06/15 14:03

使用EazyUI 布局的时候左边菜单来回显示隐藏之后最后会主体部分会出滚动条

如图：

出现这种问题之后发现自己tab代码无问题内容页面也都是100%的，感觉没问题，但是不知道他的机制是怎么样的后经过大神点播里面内容页也需要加个布局控件

修改之后

代码

<p><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://"   + request.getServerName() + ":" + request.getServerPort()   + path + "/";%></p><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><%--公用页面 --%><%@ include file="../Common/headnormal.jsp"%><%--本页面相关引用文件 --%><script type="text/javascript" src="../../App_JS/CodeFactory/codefactory.js"></script></head></p><p><body> <div class="easyui-layout" fit="true">  <div data-options="region:'north',border:false"   style="height:100px;padding:2px 2px 1px 2px;">   <div class="easyui-layout" fit="true">    <div data-options="region:'north',border:false" style="padding-bottom: 2px;">     <div class="panel-header" style="padding:1px;">      <a href="#" class="easyui-linkbutton"       data-options="plain:true,iconCls:'icon-standard-application-form-add'">添加</a>      <a href="#" class="easyui-linkbutton"       data-options="plain:true,iconCls:'icon-standard-application-form-edit'">编辑</a>      <a href="#" class="easyui-linkbutton"       data-options="plain:true,iconCls:'icon-standard-application-form-delete'">删除</a>     </div>    </div>    <div data-options="region:'center',border:false"     style="">     <div class="easyui-panel"      data-options="iconCls:'icon-standard-application-form-magnify',fit:true"      title="列表查询">xxx</div>    </div>   </div>  </div>  <div data-options="region:'center',border:false"   style="padding:1px 2px 2px 2px;">   <div id="dg"></div>  </div> </div></body></p><p></html></p>

也就是重新引用了一个eazyui 的layout 上下分的那种然后里面100%就好了这样就没事了

不过这样会有个小问题就是在分辨率过大的电脑看起来回很恶心因为是全屏填充的

做设计Table的时候给个小提示：

就是最后一列不加宽度前面的设置好宽度之后不狂界面怎么调整宽度都是一样然后后面一列会变长和变短，这样做适合任何屏幕

当然最后看各种习惯了

主要思路就是layout 里面继续套layout 这样才能解决左边菜单来回收缩之后出滚动条的问题

最后效果图

1 0