拖放表标题
Drag and drop Table headers
我找到了一些可以做到这一点的插件,但它们要么比我想要的要多,这阻碍了我,而且它们都没有完全满足我的需求。有些我根本无法使用 firebug 在样式表中显示语法错误,即使它看起来很好。
我想要一些非常简单的视觉效果。基本上我想要这个:http://demos.devexpress.com/aspxgridviewdemos/groupingsorting/grouping.aspx
如果您查看链接,您将看到您可以通过拖动标题来重新排序列,但您也可以将标题拖到显示"将列标题拖到此处以按该列分组"的位置
我只是想要一种简单的方法来在javascript/jquery中通过一些回调来做到这一点,这样我就可以在更改顺序后将列顺序存储在数组中。我可以处理的数据更改,它是拖动列,然后更改顺序或删除列并将其添加到我遇到问题的上面的组空间。
我们实际上为您执行devexpress控件,但是对于我们正在做的是,当您对事情执行任何操作时,它们的网格需要执行的所有回调速度。因此,我们正在创建自己的ajax网格,该网格仅使用我们需要的内容来执行我们
想要的以及我们想要的方式。我希望这是有道理的,有人可以提供帮助。
我最近考虑实现类似的东西,所以虽然我不能发布代码示例,但我建议查看jQuery UI Draggable,以便将列拖动到所需的位置。
首先通过 javascript 配置表列顺序。然后使列标题可拖动,并根据新位置根据新的列布局重绘表。
这种方法应该更快,因为您可以针对您的用例进行优化。
相关文章:
- EaseJS拖放;放下(动画CC)电影剪辑的鼠标坐标
- 为什么HTML5拖放的目标是孩子?(可排序列表)
- HTML/CSS-用于拖放的全页面覆盖
- Rubaxa可与聚合物进行排序/拖放不起作用,具体取决于显示器:
- dblclick事件是在jquery拖放后触发的
- 无法进行拖放以使用本地存储
- 如何使用Java脚本创建提交按钮's的拖放功能
- Chrome原生拖放相对容器并不能正确渲染重影
- 如何在Javascript中创建排序、拖放多级列表
- html5拖放文件-在提交整个表单时上传
- 在jQuery UI中获取ul和li值,拖放即可排序
- html5拖放确定拖动项目的来源
- 我使用什么语言来创建像Webly这样的拖放功能
- HTML5拖放;Drop-使用jQuery处理事件
- 使用jquery拖放图像
- HTML5拖放访问属性
- HTML5拖放-如何删除IE上的默认重影图像
- 拖放表标题
- 防止在标题上拖放
- 如何在拖放单元格内容时获取标题单元格名称