重新排列光滑网格中的行

时间:2017-09-04 16:17:29

标签: jquery-animate slickgrid

我们需要重新排列光滑的网格行。

我在每一行都有上/下图标,我想要实现动画,点击' up'图标应按“' 1' position,但是光标不能将焦点从当前行移开。其他行应重新排列相对于“点击的行”的位置。

请建议解决此问题。感谢

1 个答案:

答案 0 :(得分:0)

你基本上想要一个排序功能。如果您持久保存到数据库,我选择的方法取决于后端数据库如何存储排序顺序。
如果您没有持久保存数据,

  • 创建一个额外的列SortOrder,按照您希望作为默认排序顺序的任何其他列进行排序,并将SortOrder设置为1,2,3,...,n
  • 使用格式化程序创建按钮,并使向上/向下按钮调用javascript
    • 使用
    • 之前/之后的行切换排序编号
    • 度假并重新渲染网格
    • 使用grid.setActiveCell()和grid.focus()
    • 将焦点(如有必要)设置到所需的行

Pesonally,我将SortOrder存储为 int 数据库列,并将其初始设置为全零,以便在不需要自定义排序时可以使用辅助默认排序列。然而,排序索引算法要复杂得多。