Web App - Dashboard Typ GUI - Schnittstelle

Question

Ich bin auf der Suche nach einem Dashboard Typ GUI für eine Webanwendung erstellen. Ich suche den Benutzer in der Lage zu sein, verschiedene Elemente (wahrscheinlich Bildbuttons, Anchor-Tags oder vielleicht nur Divs) an verschiedene (definierte) Orte zu ziehen und dort ablegen zu können und deren Setup zu speichern (in einem Cookie oder auf dem Server). Ich arbeite mit C# im .Net 2.0 Framework. Ich habe versucht, Mootools zu verwenden, aber ihre letzte Aktualisierung hat ihre Drag/Drop-Funktionen für mich unbrauchbar gemacht. Ich bin auf der Suche nach ein bisschen Richtung, weil ich weiß, dass da etwas ist, das genau das ist, wonach ich suche, also muss ich nicht von Grund auf neu bauen.

Danke.

Answer 1

Ich habe diese Art von Funktionalität vor kurzem selbst untersucht und habe mich für die Verwendung von jQuery mit Hilfe von jQuery UI entschieden. Ich stieß auf eine große Menge an Informationen, die auch Yahoo UI (YUI) vorgeschlagen, hatte ich bereits angefangen zu lernen jQuery aufgrund der AJAX-Unterstützung, die es bietet, so dass ich damit fest.

jQuery UI Site
jQuery UI Documentation
Example of a drag and drop screen layout with jQuery UI
Introduction to jQuery UI

Wenn Sie die YUI JavaScript-Bibliothek zu verwenden, hier ist ein Link zu einer großen Anzahl von Videos, die Sie begann um Hilfe zu holen.

http://developer.yahoo.com/yui/theater/

Answer 2

Ich bevorzuge jQuery für AJAXy Sachen wie das. Es hat auch viele sehr gute Plugins, die das Schreiben von clientseitigem Code sehr einfach machen.

Hier ist die Plugin-Seite speziell für Drag-n-Drop.

http://plugins.jquery.com/project/Plugins/category/45

Ajax Rückruf sind auch sehr einfach, so das Setup Speichern sollte auch recht einfach sein.

Answer 3

Ich habe das Microsoft ASP.Net Ajax und AjaxControlToolkit verwendet, um so etwas zu tun. Sie haben ein ResizeableControl und ein DragPanel. Ich habe diese verwendet und dann einen IFrame im Panel gehostet, um den Inhalt anzuzeigen.

Arbeitete ziemlich gut.

---

Diese Seite:

http://www.asp.net/learn/videos/default.aspx?tabid=63#ajax

Hat viele Tutorial-Videos, die Ihnen zeigen, wie Sie anfangen sollen die Kontrollen verwenden.

Answer 4

Sie möchten vielleicht DropThings auf Codeplex betrachten.

Answer 5

Wenn Sie noch MooTools eine zweite Chance zu geben, würde ich einen Blick auf Mocha UI empfehlen,.