weste moncler um die Reihenfolge einer Tabelle zu sortieren

moncler online shop men um die Reihenfolge einer Tabelle zu sortieren

tableDnD Anleitung: Tabelle per Drag’n’Drop sortierenjQuery ist für den Webentwickler ein Werkzeugkasten, der ihm viel Arbeit bei der täglichen Arbeit abnimmt. Genauso wie in diesem Artikel: hier wird gezeigt, wie man eine Tabelle mit der Maus bzw. per Drag’n’Drop sortiert und gleichzeitig die neue Reihenfolge in der Datenbank abspeichert. Das ist vor allem nützlich, wenn man Listen mit einer vorgegeben Reihenfolge der Datensätze administrieren möchte. nach ihrer Leistung sortiert werden und jede Grafikkarte einen fest Rang/Platz besitzt. Um die Reihenfolge solcher Listen mit den Standard HTML Formularen zu bewerkstelligen, würde in einer Odyssee von Ketten enden.

Folgendes Bild soll die zu lösende Aufgabe der Tabellensortierung per Maus verdeutlichen:

Tabelle mit der Maus (Drag’n’Drop) sortieren: Zeile mit Maus markieren, verschiebenAber es gibt eine kleine,
weste moncler um die Reihenfolge einer Tabelle zu sortieren
nette Javascript Bibliothek namens TableDnd (isocra), welches uns diese Aufgabe erleichtert. Diese werden anschließend im HEAD des HTML Dokumentes eingebunden:

Tabellen und Zeilen mit IDs versehen

Das Sortieren kann man sowohl für eine als auch mehrere Tabellen durchführen. Wichtig ist, dass jede Tabelle eine eindeutige ID zugewiesen bekommt. Dasselbe gilt für die Zeilen. Hierbei entspricht die ID dem späteren Datensatz in der Datenbank.

Die Einteilung in thead und tbody ist deswegen nützlich, um zu verhindern, dass auch die Tabellenüberschriften verschoben werden können.

Javascript: jQuery und TableDnD Code

Die Bibliotheken sind eingebunden und das HTML Grundgerüst steht. Nun beginnt die Zauberei mit jQuery und TableDnD. Um das Sortieren Maus zu aktivieren, fügt man folgenden JavaScript Code hinzu:
weste moncler um die Reihenfolge einer Tabelle zu sortieren