HTML-drag & drop sortierbare Tabellen
Sich jemals gewünscht, um eine HTML-drag & drop sortierbare Tabelle, in der Sie Sortieren Zeilen und Spalten? Ich weiß, es ist etwas, das ich würde sterben. Es gibt eine Menge von sortierbaren Listen gehen um zu finden, aber eine sortierbare Tabelle scheint zu sein unmöglich zu finden.
Weiß ich, dass man ziemlich nah mit den tools, script.aculo.uns zur Verfügung stellt, aber ich lief in einige cross-browser-Probleme mit Ihnen.
InformationsquelleAutor JHollanti | 2008-09-17
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich verwendet habe, dhtmlxGrid in der Vergangenheit. Unter anderem unterstützt drag-und-drop von Zeilen/Spalten, client-seitige Sortierung (string, integer, Datum, Benutzerdefiniert) und multi-browser-Unterstützung.
Antwort zu Kommentar:
Nein, nicht gefunden, was besser ist - nur verschoben auf von diesem Projekt. 🙂
InformationsquelleAutor msanders
Habe ich verwendet jQuery-UI - sortable-plugin mit guten Ergebnissen. Markup ähnlich wie diese:
und dann in der javascript -
Diese Beiträge eine serialisierte version des items' IDs an die URL gegeben. Diese Funktion (PHP in meinem Fall), dann updates der Artikel " die Bestellungen in der Datenbank.
serialize
Anruf war null zurückgeben. Es funktionierte, wenn ich änderte die IDs, als pro Lathan Antwort hier. Nicht sicher, ob es im Zusammenhang mit der version der jqueryInformationsquelleAutor David Heggie
Empfehle ich Sortables in jQuery. Sie können es verwenden, auf der Liste posten oder so ziemlich alles, einschließlich Tabellen.
jQuery ist sehr cross-browser-freundlich und ich empfehle es allen die Zeit.
InformationsquelleAutor Neall
David Heggie ' s Antwort war sehr nützlich für mich. Es kann etwas präziser:
funktioniert für mich, mit dem gleichen markup.
InformationsquelleAutor
Meisten frameworks (Yui, MooTools, jQuery, Prototype/Scriptaculous, etc.) haben sortierbare Liste Funktionalität. Eine wenig Forschung tun, in jeder und das auswählen, das zu Ihren Bedürfnissen passt den meisten.
InformationsquelleAutor Anutron
Wenn Euch das nichts ausmacht Java, es ist eine sehr praktische Bibliothek für GWT genannt GWT-DND check-out der online-demo sehen Sie, wie mächtig Sie ist.
Mit Java, weil Sie möchten, eine sortierbare Tabelle scheint wie mit einem Vorschlaghammer hammer in eine Schraube.
InformationsquelleAutor graham.reeds
Wie etwa sorttable? Das scheint zu passen, Ihr requirements schön.
Ist es ziemlich leicht zu verwenden - laden Sie die sorttable Javascript-Datei, klicken Sie dann für jede Tabelle, die Sie wollen, dass es sortierbar zu machen, wenden class="sortierbar" zu den <table> - tag.
Wird es sofort verstehen, wie zu Sortieren, die meisten Arten von Daten, aber wenn es etwas, das es nicht funktioniert, können Sie fügen Sie eine benutzerdefinierte Sortierung der Schlüssel zu erzählen, wie Sie sich zu Sortieren. Die Dokumentation erklärt alles ziemlich gut.
Ah, sorry, mein Fehler.
InformationsquelleAutor David Precious
Wenn Sie finden .serialize() null zurückgeben in David Heggie Lösung legen Sie dann die id-Werte für die TRs als 'id_1' statt einfach '1'
Beispiel:
Den oben serialisieren als "id[]=1&id[]=2&id[]=3"
Können Sie '=', '-' oder '_' anstelle von '_'.
Und jedes andere Wort außer "id".
InformationsquelleAutor CDR