如何制作拖放式停靠面板？答案

【问题标题】：How to make drag-and-drop docking panels?如何制作拖放式停靠面板？
【发布时间】：2012-02-24 14:15:36
【问题描述】：

我想要使用 jquery 的可停靠面板，其行为与 Visual Studio 中的面板非常相似。主要是，我只想能够将面板拖放到屏幕的任何一侧。选项卡、浮动窗口和自动隐藏面板不是必需的。当两个或多个面板放在同一侧时，它们应该共享屏幕那一侧的空间。用户应该能够调整面板的大小。

是否有 jQuery 和/或 jQuery UI 插件可以做到这一点？还是教程？

【问题讨论】：

【解决方案1】：

如果你不局限于 jquery，这里有一个令人印象深刻的停靠管理器，它允许使用多个窗口： http://golden-layout.com/examples/ （试试“在新窗口中打开”按钮）

在常见问题页面上有一个替代布局管理器的列表： http://golden-layout.com/faq/

【讨论】：

【解决方案2】：

我使用了 jQuery UI 布局，它提供了除拖放之外的所有功能，由于它基于 jQuery，我们可以根据需要使用 jQuery UI 拖放。

我最近发现这个新控件正是需要的。

另一个值得一看的布局管理器

我们正在使用我们的这个项目之一，它非常有帮助。

最近我发现了lobiPanel，我用它创建了一个外观精美的门户。我喜欢它。

【讨论】：

【解决方案3】：

您可以使用 Jquery UI 来完成所有这些工作。

以下是我制作的拖放页面示例。

【讨论】：