jQuery MiniUI

标题: 分辨率影响数据显示的问题 [打印本页]

作者: wenyuan_95    时间: 2020-3-11 11:40:08     标题: 分辨率影响数据显示的问题

1.因数据较多,左边树显示区部分数据显示不出来[attach]12739[/attach]

请问该如何 设置,代码如下
  1. <body>
  2.                 <div class="mini-splitter"  style="width:100%;height:100%;" handlerSize="1" allowResize="false">
  3.                         <div  size="280" showCollapseButton="false">
  4.                                 <div style="margin:10px 5px;">
  5.                                         <label >名称:</label>
  6.                                         <input id="key" class="mini-textbox" style="width:150px;" onenter="onKeyEnter"/>
  7.                                         <a class="mini-button" onclick="search()"><i class="fa fa-search"></i> 查询</a>
  8.                                 </div>
  9.                                  <ul id="tree3" class="mini-tree" style="width:290px;height:93%;padding:5px;"
  10.                                         expandOnLoad="true" showTreeIcon="true" textField="text" idField="id"  
  11.                                         allowDrag="true" allowDrop="true" allowLeafDropIn="true">
  12.                             </ul>
  13.                         </div>
  14.                         <div showCollapseButton="false">

  15.                                 <div style="box-sizing: border-box;" class="mini-toolbar">
  16.                                         <a class="mini-button" onclick="add(this,'新增菜单')"><i class="fa fa-plus-circle"></i> 增加同级</a>
  17.                                         <a class="mini-button" onclick="addChd(this,'新增子菜单')"><i class="fa fa-plus-circle"></i> 增加子级</a>
  18.                                         <a class="mini-button" onclick="remove()"><i class="fa fa-trash"></i> 删除菜单</a>
  19.                                         <a class="mini-button" onclick="edit()" ><i class="fa fa-pencil-square-o"></i> 编辑菜单</a>
  20.                                 </div>
  21.                                 <div id="datagrid1" class="mini-datagrid" style="width:100%;height:80%;float: left;" allowResize="true"
  22.                      showPager="false" idField="id" multiSelect="true">
  23.                                         <div property="columns">
  24.                         <div type="checkcolumn"></div>
  25.                                                 <div field="funcname" width="120" align="center" headerAlign="center" >菜单名称</div>
  26.                                                 <div field="url" width="120" align="center"  headerAlign="center">菜单路径</div>
  27.                                                 <div field="funcicon" width="120" align="center"  headerAlign="center">图标路径</div>
  28.                                                 <div field="parentfuncid" width="120" align="center"  headerAlign="center">父节点</div>
  29.                                                 <div field="levelsort" width="120" align="center"  headerAlign="center">排序编号</div>
  30.                                                 <div field="statusname" width="120" align="center"  headerAlign="center">菜单状态</div>
  31.                                         </div>
  32.                                 </div>
  33.                         </div>
  34.                 </div>
  35.         </body>
复制代码


作者: felt    时间: 2020-3-11 14:08:25

这是你的布局问题,你这是tree设置了百分比的高度,撑开了,导致最下面看不到了
建议使用mini-fit做撑满处理
http://www.miniui.com/demo/#src=fit/fit.html
作者: wenyuan_95    时间: 2020-3-11 14:15:05

felt 发表于 2020-3-11 14:08
这是你的布局问题,你这是tree设置了百分比的高度,撑开了,导致最下面看不到了
建议使用mini-fit做撑满处 ...

可以了,谢谢




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2