jQuery MiniUI

 找回密码
 立即注册
查看: 4069|回复: 1
打印 上一主题 下一主题

layout中包含treegrid [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2014-5-8 14:20:21 |只看该作者 |倒序浏览
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>
效果如图:

如果设置了固定的height为400;则会出现滚动条
如图
想要实现的效果是
layout中包含treegrid ,并且treegrid为超出div部分才显示滚动条
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 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>

Archiver|普加软件

GMT+8, 2025-6-6 16:50 , Processed in 1.036013 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部