jQuery MiniUI

标题: treegrid 水平滚动条问题 [打印本页]
作者: killermeter    时间: 2014-7-3 08:59:36     标题: treegrid 水平滚动条问题

当数据库有数据的时候，treegrid能显示水平滚动条，没有数据的时候，窗口是多大它就显示多大，很多列都没有显示出来。。这是为什么？
作者: felt    时间: 2014-7-3 09:25:00

[attach]4773[/attach]
如图一个有数据一个没有数据，不是都有水平滚动条吗？

作者: killermeter    时间: 2014-7-3 09:52:51

作者: killermeter    时间: 2014-7-3 09:54:43

  1. <div id="treegrid1" class="mini-treegrid" style="width:100%;height:69%;" url="__GROUP__/Schedule_ana/search_schedule_result_detail" ondrawcell="onDrawCell" treeColumn="UID" idField="UID" parentField="ParentUID" resultAsTree="false" allowResize="true" autoLoad="false">
复制代码
作者: killermeter    时间: 2014-7-3 09:55:34

felt 发表于 2014-7-3 09:25
如图一个有数据一个没有数据，不是都有水平滚动条吗？

我的treegrid是这样的，这里有错吗。。我没数据的时候就是没有水平滚动条的。。不知道为啥
作者: killermeter    时间: 2014-7-3 09:57:17

felt 发表于 2014-7-3 09:25
如图一个有数据一个没有数据，不是都有水平滚动条吗？

作者: killermeter    时间: 2014-7-3 09:58:28

本地图片怎么上传~~？
作者: felt    时间: 2014-7-3 09:58:37

killermeter 发表于 2014-7-3 09:55
我的treegrid是这样的，这里有错吗。。我没数据的时候就是没有水平滚动条的。。不知道为啥 ...

是没高度，给个高度
作者: felt    时间: 2014-7-3 09:59:51

killermeter 发表于 2014-7-3 09:58
本地图片怎么上传~~？

回复右上角有个高级模式，可以上传文件
作者: killermeter    时间: 2014-7-3 10:00:47

felt 发表于 2014-7-3 09:58
是没高度，给个高度

height:69%？这高度不行吗？
作者: felt    时间: 2014-7-3 10:01:55

killermeter 发表于 2014-7-3 10:00
height:69%？这高度不行吗？

这要看你放在什么里面，你父元素没高度的话，你子元素69%也没高度了
作者: killermeter    时间: 2014-7-3 10:03:59

felt 发表于 2014-7-3 10:01
这要看你放在什么里面，你父元素没高度的话，你子元素69%也没高度了

这样也不行。。。。
  1. style="width:900px;height:700px"
复制代码
作者: felt    时间: 2014-7-3 10:08:59

killermeter 发表于 2014-7-3 10:03
这样也不行。。。。

把你的treegrid的代码都贴上来
作者: killermeter    时间: 2014-7-3 10:32:52

felt 发表于 2014-7-3 10:08
把你的treegrid的代码都贴上来
  1. <div id="treegrid1" class="mini-treegrid" style="width:900px;height:700px" url="__GROUP__/Schedule_ana/search_schedule_result_detail" ondrawcell="onDrawCell" treeColumn="UID" idField="UID" parentField="ParentUID" resultAsTree="false" allowResize="true" autoLoad="false">
  2.      <div property="columns" >
  3.         <div type="checkcolumn"></div>
  4.         <div type="indexcolumn" align="center">序号</div>
  5.         <div field="id" name="id" width="40" headerAlign="center" allowSort="true" align="center">id</div>
  6.         <div field="UID" name="UID" width="150" headerAlign="center" allowSort="true" align="center">任务名称</div>   
  7.         <div field="start_date_plan" name="start_date_plan" width="110" headerAlign="center" align="center">计划开始时间</div>
  8.         <div field="finish_date_plan" name="finish_date_plan" width="110" headerAlign="center" allowSort="true" align="center">计划结束时间</div>
  9.         <div field="duration" name="duration" width="80" headerAlign="center" allowSort="true" align="center">计划工期</div>
  10.         <div field="start_date_actual" name="start_date_actual" width="110" headerAlign="center" allowSort="true" align="center">实际开始时间</div>   
  11.         <div field="finish_date_actual" name="finish_date_actual" width="110" headerAlign="center" allowSort="true" align="center">实际结束时间</div>
  12.         <div field="percent_finished" name="percent_finished" width="110" headerAlign="center" allowSort="true" align="center">完成百分比</div>
  13.         <div field="finish_date_expected" name="finish_date_expected" width="110" headerAlign="center" allowSort="true" align="center">预计完成时间</div>
  14.         <div field="is_milestone_name" name="is_milestone" width="100" headerAlign="center" allowSort="true" align="center">是否里程碑</div>
  15.         <div field="is_critical_path_name" name="is_critical_path" width="100" headerAlign="center" allowSort="true" align="center">是否关键路线</div>
  16.         <div field="user_name" name="user_name" width="60" headerAlign="center" allowSort="true" align="center">负责人</div>
  17.         <div field="schedule_variance" name="schedule_variance" width="80" headerAlign="center" allowSort="true" align="center">进度偏差</div>
  18.     </div>
  19. </div>
复制代码
作者: killermeter    时间: 2014-7-3 10:33:34

felt 发表于 2014-7-3 10:08
把你的treegrid的代码都贴上来
  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.     <head>
  4.         <title>{$pageTitle}</title>
  5.         <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  6.         <script src="__ROOT__/js/boot.js" type="text/javascript"></script>
  7.         <style type="text/css">
  8.             html, body
  9.             {
  10.                 font-size:16px;
  11.                 padding:0;
  12.                 margin:0;
  13.                 border:0;
  14.                 height:100%;
  15.                 overflow:hidden;
  16.             }
  17.             .progressbar
  18.             {
  19.                 position:relative;background:#bbb;width:100%;height:16px;overflow:hidden;
  20.             }
  21.             .progressbar-percent
  22.             {
  23.                 position:absolute;height:18px;background:blue;left:0;top:0px;overflow:hidden;z-index:1;
  24.             }
  25.             .progressbar-label
  26.             {
  27.                 position:absolute;left:0;top:0;width:100%;font-size:13px;color:White;
  28.                 z-index:10;
  29.                 text-align:center;
  30.                 height:16px;line-height:16px;
  31.             }
  32.         </style>
  33.     </head>
  34.     <body>
复制代码
作者: killermeter    时间: 2014-7-3 10:34:17

killermeter 发表于 2014-7-3 10:03
这样也不行。。。。

treegrid 在body里面~~谢谢啦~~~好快啊~~
作者: felt    时间: 2014-7-3 10:41:04

killermeter 发表于 2014-7-3 10:34
treegrid 在body里面~~谢谢啦~~~好快啊~~

overflow:auto
你设置了hidden，你页面不都没滚动条，拉不到下面去了
作者: killermeter    时间: 2014-7-3 10:50:42

felt 发表于 2014-7-3 10:41
overflow:auto
你设置了hidden，你页面不都没滚动条，拉不到下面去了

这是一个弹出的窗口，我看例子里的弹出窗口的属性都是这样的。。。改成auto后，数值滚动条有了，但是拉到最后还是没有水平滚动条。。。
作者: felt    时间: 2014-7-3 11:08:40

killermeter 发表于 2014-7-3 10:50
这是一个弹出的窗口，我看例子里的弹出窗口的属性都是这样的。。。改成auto后，数值滚动条有了，但是拉到 ...

[attach]4774[/attach]
你的页面单独运行不是有滚动条吗

作者: killermeter    时间: 2014-7-3 11:53:19

felt 发表于 2014-7-3 11:08
你的页面单独运行不是有滚动条吗

大哥是怎么做到的。。。我单独运行还是没有。。。。
作者: felt    时间: 2014-7-3 11:58:50

killermeter 发表于 2014-7-3 11:53
大哥是怎么做到的。。。我单独运行还是没有。。。。

[attach]4776[/attach]
下载在你那跑一下看看，还是不行的话更新MiniUI

作者: killermeter    时间: 2014-7-3 11:59:04

killermeter 发表于 2014-7-3 11:53
大哥是怎么做到的。。。我单独运行还是没有。。。。

[attach]4777[/attach]拉到底了还是没有。。
作者: felt    时间: 2014-7-3 12:15:28

killermeter 发表于 2014-7-3 11:59
拉到底了还是没有。。

单独运行我刚才那个例子
作者: killermeter    时间: 2014-7-3 14:40:38

felt 发表于 2014-7-3 12:15
单独运行我刚才那个例子

[attach]4778[/attach]还是不行。。只能更新下miniui了。。




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