Как сделать перетаскивание стыковочных панелей?

Question

Я хотел бы иметь присоединяемые панели с использованием jquery, которые ведут себя так же, как в Visual Studio.В основном, я просто хочу иметь возможность перетаскивать панели на любую сторону экрана.Вкладки, плавающие окна и панели автоматического скрытия не нужны.Когда две или более панели сбрасываются на одну и ту же сторону, они должны распределять пространство на этой стороне экрана.Пользователь должен иметь возможность изменять размеры панелей.

Есть ли плагин jQuery и / или jQuery UI, который может это сделать?Или, может быть, учебник?

Answer 1

Я использовал макет пользовательского интерфейса jQuery, который предоставляет все функциональные возможности, кроме перетаскивания, и, поскольку он работает поверх jQuery, мы можем при необходимости использовать перетаскивание пользовательского интерфейса jQuery.Макет пользовательского интерфейса jQuery

Недавно я обнаружил этот новый элемент управления, который точно нужен.

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 / (попробуйте кнопки «Открыть в новом окне»)

На странице часто задаваемых вопросов есть список альтернативных менеджеров компоновки: http://golden -layout.com / faq /