GridStack 如何禁用移动或拖动网格小部件

Posted 2023-02-19

【中文标题】GridStack 如何禁用移动或拖动网格小部件

【英文标题】：GridStack how to disable moving or dragging grid widgets

【发布时间】：2018-09-12 09:13:45

【问题描述】：

正如标题所示，我在禁用移动或拖动网格小部件时遇到问题。我已经尝试使用 GridStack 文档中列出的data-gs-no-move、data-gs-locked和data-gs-no-resize，但它仍然可以在我的浏览器中拖动和移动。有什么解决办法吗？

目前使用GridStack 0.2.6。

【问题讨论】：

您能发布您的部分代码吗？否则很难找到真正的问题。

我也一直在关注文档，完全不知道如何切换网格。你有什么发现吗？

【参考方案1】：

将数据属性data-gs-no-move="yes" 添加到grid-stack-item，如下所示。

<div class="grid-stack-item" data-gs-no-move="yes">
   <div class="grid-stack-item-content">
       <!-- content goes here -->
   </div>
</div>

如果您需要防止它在拖动另一个项目时被移动，那么您还需要data-gs-locked="yes" 属性。

如果您想停止调整大小，请添加 data-gs-no-resize="yes" 属性。

您可以根据需要混合搭配。

希望对某人有所帮助。

【参考方案2】：

您可以使用data-gs-no-move="yes" 和data-gs-no-resize="yes"。 locked 仅指影响相关小部件的其他小部件。

PS - 文档已经很老了。我会尽快更新它们，希望它们不会让任何人感到困惑。