Javascript Grid UI-可拖动和可调整大小
马克·卡萨尔
我不确定这是否是提出此类问题的正确地点，但我正在寻找一个具有以下功能的javascript组件：
- 有一定的列数/行数
- 网格中将包含多个项目，项目的宽度可以分散多列和多行，但适合网格
- 用户必须能够在周围拖动元素，但不能与其他元素重叠
- 用户必须能够在所有方向上调整元素的大小，但不能与其他元素重叠
- 附加到调整大小/拖动事件，以便与后端交流此类更改
下图描绘了我正在寻找的视觉示例。在下面的示例中，X轴表示时隙，而Y轴表示表号，因此下面的红色方框表示：
- 表＃2从12:00-15:00分配
- 表＃4从15:00-17:00分配
- 表＃6和7从14:00-16:00分配
马克·卡萨尔
经过几番研究后，并没有找到合适的方法，我只是使用jQueryUI简化了一些概念，这在我的CodePen笔上可以看到，它支持创建5 x 5网格，示例3个预订的插槽'您可以在粉红色插槽上拖动并调整大小。
不幸的是，jQueryUI有一个非常老的错误，并且从未得到修复，该错误通过网格还原为“无效”，而无法通过jQuery UI Draggable返回到起始位置。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
jQuery UI可调整大小和可拖动的问题
- 2
jQuery UI可拖动+可调整大小的包含问题
- 3
jQuery UI同时使用可调整大小和可拖动
- 4
jQuery / Javascript可拖动和可调整大小不适用于div克隆
- 5
jQuery UI在父容器中的可拖动和可调整大小的div中出现z-Index问题
- 6
Kendo UI Grid可调整大小，无法在IE中使用，但在Chrome和Firefox中可以正常使用
- 7
具有可调整大小/可拖动元素的响应式jQuery UI
- 8
jQuery UI菜单和可调整大小-重叠
- 9
拖放后可拖动和可调整大小
- 10
div中可调整大小和可拖动的图像
- 11
jQuery UI可调整大小的固定大小表
- 12
jQuery UI-使用表格和表格可调整大小
- 13
可调整大小的jQuery UI工具无法正常工作？
- 14
jQuery UI可调整大小未达到最大宽度
- 15
jQuery UI可调整大小的扩展div
- 16
jQuery UI-可调整大小。检查方向
- 17
jQuery UI可调整大小，防止高度小于文本
- 18
如何动态更改jquery ui可调整大小的选项？
- 19
jQuery UI可调整大小的两个对象
- 20
jQuery UI可调整大小，防止高度小于文本
- 21
jQuery UI可调整大小的自动隐藏句柄
- 22
jquery ui 可调整大小触发 onclick 事件
- 23
Jquery UI 可调整大小的处理程序
- 24
jQuery UI可拖动以调整div大小
- 25
如何获得可拖动和可调整大小的图像以及仅可调整div的图像？
- 26
UI-Grid不会自动调整大小
- 27
如何使用jQuery和jQuery UI保持div相对于可调整大小的div的宽度？
- 28
jQuery UI可调整大小的自定义方法，复选框以启用和禁用比率
- 29
jQuery UI可调整大小-使用溢出来调整表列大小
我来说两句