jQuery MiniUI

标题: layout中包含treegrid [打印本页]

作者: zhan001 时间: 2014-5-8 14:20:21 标题: layout中包含treegrid

layout中包含treegrid 如果layout1高度使用100%就设么都处不来如果使用固定高度treegrid的滚动条就会一直存在，不会变成超出div才出现：
代码如下：
<div id="layout1" class="mini-layout" style="width:100%; height:100%;"  borderStyle="border:solid 1px #aaa;">
<div title="south" region="south" height="80" showSplitIcon="true" >
      south
</div>
<div title="center" region="center"  >
<div id="treegrid1" class="mini-treegrid" style="width:100%;height:100%;"
url="<?php echo site_url("home/client/cc")?>" showTreeIcon="true"
treeColumn="taskname" idField="UID" parentField="ParentTaskUID" resultAsTree="false"
   expandOnLoad="true">
<div property="columns">
      <div type="indexcolumn"></div>
      <div name="taskname" field="Name" width="160" >任务名称</div>
      <div field="PercentComplete" width="80">进度</div>
      <div field="Duration" width="60" align="right">工期</div>
      <div field="Start" width="80" dateFormat="yyyy-MM-dd">开始日期</div>
      <div field="Finish" width="80" dateFormat="yyyy-MM-dd">完成日期</div>
</div>
</div>
</div>
</div>
效果如图：
[attach]4443[/attach]
如果设置了固定的height为400;则会出现滚动条
如图[attach]4445[/attach]
想要实现的效果是
layout中包含treegrid ，并且treegrid为超出div部分才显示滚动条

作者: felt 时间: 2014-5-8 14:38:20

你layout设置了100%需要设置下css
<style type="text/css">
html, body{
margin:0;padding:0;border:0;width:100%;height:100%;
}
</style>

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)