使用EazyUI 布局的时候左边菜单来回显示隐藏之后最后会主体部分会出滚动条
如图：
出现这种问题之后 发现自己tab代码无问题 内容页面也都是100%的，感觉没问题，但是不知道他的机制是怎么样的 后经过大神点播 里面内容页 也需要加个布局控件
修改之后
代码
<p><body>
<div class="easyui-layout" fit="true" style="margin:2px; padding:3px 0px 3px 3px;">
<div id="completeList1" data-options="region:'north',border:false"
style="height: 86px;;">
<div id="searchui" class="easyui-panel"
data-options="iconCls:'icon-search' ,fit:true," title="搜索条件"
style="height:90px;">
<table style="height:100%;width:100%;">
<tr>
<td class="labelAlignRight">标题：</td>
<td><input id="txtTitle" class="easyui-textbox"
style="width:150px;" /></td>
<td class="labelAlignRight">类型：</td>
<td><select id="txtType" class="easyui-combobox"
style="width:150px;">
<c:forEach items="${LogTypeList}" var="item">
<option value="${item }">${item }</option>
</c:forEach>
</select></td>
<td class="labelAlignRight">请求地址：</td>
<td><input id="txtRequestUrl" class="easyui-textbox"
style="width:150px;" /></td>
<td class="labelAlignRight">操作人员：</td>
<td><input id="txtOperationUser" class="easyui-textbox"
style="width:150px;" /></td>
</tr>
<tr>
<td class="labelAlignRight">操作时间：</td>
<td><input id="txtDateStart"
data-options="formatter:myformatter,parser:myparser"
class="easyui-datebox" style="width:150px;" /></td>
<td class="labelAlignCentert">至</td>
<td><input id="txtDateEnd"
data-options="formatter:myformatter,parser:myparser"
class="easyui-datebox" style="width:150px;" /></td>
<td></td>
<td></td>
<td></td>
<td><a id="btnSearch" href="javascript:void(0);"
class="easyui-linkbutton" data-options="iconCls:'icon-search'"
style="width:73px">查找</a> <a id="btnClear"
href="javascript:void(0);" class="easyui-linkbutton"
data-options="iconCls:'icon-undo'" style="width:73px">重置</a></td>
</tr>
</table>
</div>
</div>
<div id="completeList" data-options="region:'center',border:false" style="margin-top:2px;">
<div id="dg"></div>
</div></p><p> </div>
<div id="win"></div>
</body></p>
也就是重新引用了一个eazyui 的layout 上下分的那种 然后里面100%就好了这样就没事了
不过这样会有个小问题 就是 在分辨率过大的电脑 看起来回很恶心 因为是全屏填充的
做设计Table的时候 给个小提示：
就是 最后一列不加宽度 前面的设置好宽度之后 不狂界面怎么调整 宽度都是一样 然后后面一列会变长和变短，这样做适合任何屏幕
当然最后看各种习惯了
版权声明：本文为博主原创文章，未经博主允许不得转载。
时间： 2024-10-10 13:19:29