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

问题描述 投票:12回答:3

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

有没有jQuery和/或jQuery UI插件可以做到这一点?或者也许是一个教程?

jquery html5 jquery-ui css3
3个回答
5
投票

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

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

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

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


6
投票

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

jQuery UI Layout

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

http://www.dockspawn.com/#

另一位布局经理值得一看

https://github.com/WebCabin/wcDocker

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

最近我发现lobiPanel,我用它来创建一个梦幻般的门户网站。我喜欢这个。


0
投票

如果您不仅限于jquery,这里是一个令人印象深刻的对接管理器,允许使用多个窗口:http://golden-layout.com/examples/(尝试“在新窗口中打开”按钮)

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

© www.soinside.com 2019 - 2024. All rights reserved.