Wie man drag-und-drop-docking-panels?

Ich würde gerne dockable panels mit jquery, Verhalten sich ähnlich wie diejenigen, die in Visual Studio. Vor allem, ich will einfach nur, um in der Lage sein, per drag-and-drop-panels auf jeder Seite des Bildschirms. Tabs, floating windows und auto-hide panels sind nicht notwendig. Wenn zwei oder mehr Platten werden gelöscht, auf der gleichen Seite sind, sollten Sie teilen den Raum auf dieser Seite des Bildschirms. Der Benutzer sollte in der Lage sein, um die Größe des panels.

Gibt es einen jQuery und/oder jQuery UI-plugin, die dies tun können? Oder vielleicht ein tutorial?

Ja, es gibt Möglichkeiten, etwas zu tun, ähnlich wie bei jquery. Google auf jquery drag-and-drop
Siehe auch Verwandte Frage stackoverflow.com/questions/21784574/...

InformationsquelleAutor Ruby | 2012-02-01

  1. 4

    Können Sie die Jquery-UI zu erreichen.

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

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

    Unten ist ein Beispiel für eine drag & drop-Seite, die ich gemacht habe.

    Wie man drag-und-drop-docking-panels?

    Ja, aber das ist einfach nur das ziehen und ablegen im Allgemeinen. Ich Frage, wenn jemand bereits gemacht hat, eine docking-panel/Fenster-Bibliothek für jQuery, so dass ich nicht haben, um das Rad neu zu erfinden.
    Sie müssen nicht das Rad neu zu erfinden, wird dies alles mit wenig Aufwand. Es hat snap-to-grid-Funktionalität-perfekt für die docking. Alls Sie tun müssen, ist, erstellen Sie ein 'dockable' Bereich und erstellen andockbare Elemente.
    Verwenden Sie das Steuerelement von dieser site. Es ist open-source-mit-Lizenz. dockspawn.com/#

    InformationsquelleAutor xCRKx TyPHooN

  2. 6

    Habe ich die jQuery-UI-Layout, das bietet alle Funktionen, außer die drag & drop-und da diese Fahrten auf der Oberseite des jQuery können wir die jQuery-UI-drag-drop, wie benötigt werden.

    jQuery-UI-Layout

    Vor kurzem fand ich die neue Steuerung, die ist, was genau brauchen.

    http://www.dockspawn.com/#

    Einem anderen layout-manager, lohnt ein Blick auf

    https://github.com/WebCabin/wcDocker

    wir sind mit dieser unserer Projekte und es ist sehr hilfreich.

    Zuletzt fand ich lobiPanel, und ich habe verwendet, erstellen Sie einen fantastischen Blick portal. Ich Liebe es.

    Vielen Dank für Dockspawn info, interessant zu entdecken, eine neue Programmiersprache "Dart" hinter der dockspawn.

    InformationsquelleAutor Krishna Vedula

  3. 0

    Wenn man nicht darauf beschränkt, jquery, hier Ist eine beeindruckende docking-manager, der es erlaubt, mehrere Fenster:
    http://golden-layout.com/examples/
    (Versuchen Sie "in neuem Fenster Öffnen" - buttons)

    Auf der FAQ-Seite gibt es eine Liste von alternativen layout-Manager:
    http://golden-layout.com/faq/

    InformationsquelleAutor Stefan

Schreibe einen Kommentar