jQuery MiniUI

标题: grid.setCollapseGroupOnLoad样式问题 [打印本页]
作者: lifestyle.m1k    时间: 2012-9-12 16:18:24     标题: grid.setCollapseGroupOnLoad样式问题

分组成功以后，外层datagrid的div宽度和内层group分组展开后的宽度不一样，内层的要比外层的窄很多很多，是什么问题？
作者: factory    时间: 2012-9-12 16:20:34

你最好借个图看下
作者: lifestyle.m1k    时间: 2012-9-12 16:25:08

[attach]596[/attach]


作者: lifestyle.m1k    时间: 2012-9-12 16:26:03

外层datagrid我设置的高度和宽度都是100%，不知道这个是什么原因造成这样的？我用的是ff.
作者: lifestyle.m1k    时间: 2012-9-12 16:28:07

  1. <div class="mini-fit">
  2.                 <div id="grid" class="mini-datagrid" style="width:100%;height:100%;" url="sniffingServlet" pageSize="100" idField="id"  multiSelect="true" allowResizeColumn="true" showFooter="true" borderStyle="border-left:0;border-right:0;" ondrawgroup="onDrawGroup">
  3.                     <div property="columns" style="text-align: center;">
  4.                         <div type="checkcolumn" ></div>
  5.                         <div field="sniffId" name="sniffId"></div>
  6.                         <div type="indexcolumn" headerAlign="center" align="center" width="40" >
  7.                                 序号
  8.                         </div>
  9.                         <div field="name" width="135" headerAlign="center" align="center" allowSort="true">
  10.                                 机房名称
  11.                         </div>
  12.                         <div field="sniff_a" width="135" headerAlign="center" align="center" allowSort="true">
  13.                                 ip地址1
  14.                         </div>
  15.                         <div field="sniff_b" width="135" headerAlign="center" align="center" allowSort="true">
  16.                                 ip地址2
  17.                         </div>
  18.                         <div field="sniff_c" width="135" headerAlign="center" align="center" allowSort="true">
  19.                                 ip地址3
  20.                         </div>
  21.                         <div field="sniff_d" width="135" headerAlign="center" align="center" allowSort="true">
  22.                                 ip地址4
  23.                         </div>
  24.                         <div field="mapName" width="135" headerAlign="center" align="center" allowSort="true">
  25.                                 省份名称
  26.                         </div>
  27.                     </div>
  28.                 </div>
  29.             </div>
复制代码

作者: factory    时间: 2012-9-12 16:29:41

lifestyle.m1k 发表于 2012-9-12 16:26
外层datagrid我设置的高度和宽度都是100%，不知道这个是什么原因造成这样的？我用的是ff. ...

是不是你的页面没添加<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
如果不行,你试试更新下看看
你可以先去看下网上的demo,在你的机器上看下,是否有相同的问题
作者: lifestyle.m1k    时间: 2012-9-12 16:32:20

感谢版主，添加了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">以后已经可以了。
作者: lifestyle.m1k    时间: 2012-9-12 16:33:25

但是好像还有问题，因为我测试了ie是可以的，谷歌和FF还是原来的样子。
作者: lifestyle.m1k    时间: 2012-9-12 16:37:42

factory 发表于 2012-9-12 16:29
是不是你的页面没添加
如果不行,你试试更新下看看
你可以先去看下网上的demo,在你的机器上看下,是否有相 ...

展开以后，我用ff和谷歌的审查元素看到miniui.css 2642行中的width:100%已经失效，被斜杠杠掉了。。
作者: factory    时间: 2012-9-12 16:40:50

lifestyle.m1k 发表于 2012-9-12 16:37
展开以后，我用ff和谷歌的审查元素看到miniui.css 2642行中的width:100%已经失效，被斜杠杠掉了。。 ...

你从网上下载miniui.js覆盖更新下看看呢.
请去官网上的分组demo上测试下,看是否也有同样问题.
作者: lifestyle.m1k    时间: 2012-9-12 16:53:28

factory 发表于 2012-9-12 16:40
你从网上下载miniui.js覆盖更新下看看呢.
请去官网上的分组demo上测试下,看是否也有同样问题. ...

myeclipse版本中下载下来后附加上在 目录 docs/api/combobox.html中的130行, 同级目录 listbox.html的136行 tr少>号,
我现在测试下。
作者: lifestyle.m1k    时间: 2012-9-12 17:03:42

好像还是不行……我吧原来的.jsp文件换成.html文件，把
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
都加上，吧mini-fit删掉，都不行。
我的代码和demo的唯一不同之处就是除了数据上不同，其他的都一样。
js上下的也是官网最新的2.1.1。不知道为什么，ie是可以的，FF和谷歌都有这个问题。
作者: lifestyle.m1k    时间: 2012-9-12 17:06:50

factory 发表于 2012-9-12 16:40
你从网上下载miniui.js覆盖更新下看看呢.
请去官网上的分组demo上测试下,看是否也有同样问题. ...

而且还有这样一个问题，如果缩放列，往里缩小列，上面的列会越拖动越大，这个bug好像是上个版本就有，这个版本我看已经修复了，出现了我这个问题，我拖动这个列又出现了这样的bug，不知道版主知道是什么问题么？



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