gpt4 book ai didi

jquery - Javascript 网格 UI - 可拖动且可调整大小

转载 作者:行者123 更新时间:2023-11-28 01:29:18 27 4
gpt4 key购买 nike

我不确定这是否是提出此类问题的正确位置,但我正在寻找一个具有以下功能的 JavaScript 组件:

  • 有一定数量的列/行
  • 网格中将包含多个项目,项目的宽度可以分布多个列和行,但适合网格
  • 用户必须能够拖动元素,但不能与其他元素重叠
  • 用户必须能够在各个方向上调整元素的大小,但不能与其他元素重叠
  • 附加到调整大小/拖动事件,以便与后端传达此类更改

下图描绘了我正在寻找的内容的视觉示例。在下面的示例中,X 轴代表时隙,Y 轴代表表号,因此下面的红色 block 表示:

  • 表 #2 分配时间为 12:00 - 15:00
  • 表 #4 分配时间为 15:00 - 17:00
  • 第 6 table 和第 7 table 的分配时间为 14:00 - 16:00

Grid UI example

最佳答案

我不确定您需要时是否可用,但是gridster似乎可以完成您想要的一切。

关于jquery - Javascript 网格 UI - 可拖动且可调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22324766/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com