如何制作拖放式对接面板？

Question

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

是否有可以执行此操作的jQuery和/或jQuery UI插件？或者也许是一个教程？

Answer 1

我使用了jQuery UI Layout，它提供了除拖放之外的所有功能，因为我们可以根据需要使用jQuery UI拖放，所以我们可以根据需要使用jQuery UI拖放。

jQuery UI Layout

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

http://www.dockspawn.com/#

另一位值得关注的布局经理

https://github.com/WebCabin/wcDocker

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

最近我找到了lobiPanel，并且我已经用它来创建一个梦幻般的门户网站。我爱它。

Answer 2

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

http://jqueryui.com/demos/draggable/

http://jqueryui.com/demos/droppable/

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

Answer 3

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

在FAQ页面上有一个备用布局管理器列表： http://golden-layout.com/faq/