easygrid datagrid 列移动插件开发
今天,分享一个之前 项目需求开发的 一款 easygrid datagrid 列移动插件,这款插件是在 别人的轮子之上修改而来的
别人的轮子
总的思想是 通过 改变 datagrid options 选项中的 columns ,然后 重新加载数据,实现列移动
- 通过拖拽实现 表头的移动
- 通过 改变 datagrid options 选项中的 columns ,重新声明一次表格,然后 重新加载数据,实现列移动
有个弊端在于, 需要重新声明一次表格,如果存在表头和 表footer都重新刷新,当然将刷新之前的 footer options 保存下来,后面再次声明 footer 一样可以解决问题
轮子之上的修改
总的思想是: 通过 dom 操作 改变 datagrid panel 区域的 列单元移动
- 通过拖拽实现表头移动
- 通过 dom 操作 改变 datagrid panel 区域的 列单元移动
优点在于,省去了对表格的刷新以及重新加载数据
demo 网址
https://github.com/wwwpalmercom/jQuery_duplicate/tree/master/column_moving_last_version