TableSchedule.js

github
demo

支持拖拽的表格样式的课表/日程表

欢迎赏星星,提issue、PR~

Features
  • 使用拖拽(触摸/鼠标)进行增删改日程表活动
  • 拖拽操作时元素边缘自动对齐网格,可按shift键切换是否对齐,按Esc键中断
  • 拖拽接近表格边缘时表格自动滚动
Bugs

目前发现但仍待解决的bug

  • 触摸滚动表格和创建日程活动的冲突 (fixed)
  • 拖拽靠近边缘自动滚动表格,有时元素离边缘还有一定的距离
Todo

除了修复新发现的bug,接下来要做的

  • 测试用例
  • 或许?部分API需要调整
记录一下中间遇到的难题
  • 创建、拉伸、仅纵向拖拽、水平向及纵向拖拽的情况下,如何对齐网格。思路其实挺简单,但实现起来总是哪里对不上,debugger和console.log没少打
  • 拖拽到达边缘时的自动滚动,以及自动滚动后元素位置、高度的计算
  • 同时支持touch事件和click事件

发表评论

邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据