jQuery MiniUI

标题: 多级表头拖动列问题 [打印本页]

作者: lanxiaozhu2007 时间: 2015-12-29 17:02:26 标题: 多级表头拖动列问题

假设有两级表头，一级表头为'日期'，二级表头为'开始'+'完成'。。

在拖动时，如果鼠标定位到一级表头的竖线，拖动会有灰色遮盖和竖线移动效果，鼠标放下时列拖动无效；
鼠标定位到二级表头的竖线，一切正常。
列配置为：
<div header="日期" headerAlign="center" >
  <div property="columns">
<div name="start" field="Start" width="80" dateFormat="yyyy-MM-dd">开始
   <input property="editor" class="mini-datepicker" style="width:100%;"/>
</div>
<div name="finish" field="Finish" width="80" dateFormat="yyyy-MM-dd">完成
   <input property="editor" class="mini-datepicker" style="width:100%;"/>
</div>
  </div>
</div>
请问这是不是个BUG还是我哪里配置不对，如果miniui就是这样的，请问有没有列拖动的事件可以被监听？

作者: dforce 时间: 2015-12-29 17:10:57

http://www.miniui.com/demo/#src=datagrid/datagrid.html
你要做什么，请在我们在线示例上测试拖动表头的功能
二级表头只能在这一级拖动

作者: lanxiaozhu2007 时间: 2015-12-29 17:13:59

dforce 发表于 2015-12-29 17:10
http://www.miniui.com/demo/#src=datagrid/datagrid.html
你要做什么，请在我们在线示例上测试拖动表头的 ...

我的意思是既然一级表头那一列无法达到拖动的效果，就应该禁止掉灰色遮盖和竖线移动的效果。
否则我们做出来的产品就需要在文档中告知客户怎么去操作，这样给客户的文档就太细太碎了，客户也不爱看。

作者: lanxiaozhu2007 时间: 2015-12-29 17:21:28

dforce 发表于 2015-12-29 17:10
http://www.miniui.com/demo/#src=datagrid/datagrid.html
你要做什么，请在我们在线示例上测试拖动表头的 ...

我就是想禁止掉在一级表头那列拖动时的灰色遮盖和竖线移动效果。。。因为就像你说的，一级表头那一列拖了也无效啊~

作者: dforce 时间: 2015-12-29 17:22:27

lanxiaozhu2007 发表于 2015-12-29 17:13
我的意思是既然一级表头那一列无法达到拖动的效果，就应该禁止掉灰色遮盖和竖线移动的效果。
否则我们做 ...

1 一级表头默认可以拖动
2 可以设置allowMove="false"禁止拖动
禁止之后鼠标点上去拖拽是没有效果的
3 竖线是拖拽改变列宽，不是列移动，请按二级表头的边线拖动
4 列能拖拽移动的有+图标，不能移动的位置是X图标

作者: lanxiaozhu2007 时间: 2015-12-29 17:30:16

dforce 发表于 2015-12-29 17:22
1 一级表头默认可以拖动
2 可以设置allowMove="false"禁止拖动
禁止之后鼠标点上去拖拽是没有效果的

不好意思，我可能描述的用词错了，我是的是调整列宽....一级表头无法拖动鼠标来调整列宽，但却无法禁止掉拖动鼠标时的灰色遮盖效果。

作者: lanxiaozhu2007 时间: 2015-12-29 18:29:04

dforce 发表于 2015-12-29 17:22
1 一级表头默认可以拖动
2 可以设置allowMove="false"禁止拖动
禁止之后鼠标点上去拖拽是没有效果的

已经解决：设置allowResize='false'

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