拖放表标题

Drag and drop Table headers

本文关键字:标题 拖放      更新时间:2023-09-26

我找到了一些可以做到这一点的插件,但它们要么比我想要的要多,这阻碍了我,而且它们都没有完全满足我的需求。有些我根本无法使用 firebug 在样式表中显示语法错误,即使它看起来很好。

我想要一些非常简单的视觉效果。基本上我想要这个:http://demos.devexpress.com/aspxgridviewdemos/groupingsorting/grouping.aspx

如果您查看链接,您将看到您可以通过拖动标题来重新排序列,但您也可以将标题拖到显示"将列标题拖到此处以按该列分组"的位置

只是想要一种简单的方法来在javascript/jquery中通过一些回调来做到这一点,这样我就可以在更改顺序后将列顺序存储在数组中。我可以处理的数据更改,它是拖动列,然后更改顺序或删除列并将其添加到我遇到问题的上面的组空间。

我们实际上为您执行devexpress控件,但是对于我们正在做的是,当您对事情执行任何操作时,它们的网格需要执行的所有回调速度。因此,我们正在创建自己的ajax网格,该网格仅使用我们需要的内容来执行我们

想要的以及我们想要的方式。

我希望这是有道理的,有人可以提供帮助。

我最近考虑实现类似的东西,所以虽然我不能发布代码示例,但我建议查看jQuery UI Draggable,以便将列拖动到所需的位置。

首先通过 javascript 配置表列顺序。然后使列标题可拖动,并根据新位置根据新的列布局重绘表。

这种方法应该更快,因为您可以针对您的用例进行优化。