码迷,mamicode.com
首页 > 其他好文 > 详细

EazyUI布局问题

时间:2015-07-02 17:39:38      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:

使用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的时候 给个小提示:

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

当然最后看各种习惯了 

版权声明:本文为博主原创文章,未经博主允许不得转载。

EazyUI布局问题

标签:

原文地址:http://blog.csdn.net/qq873113580/article/details/46727495

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!