TableKit verwandelt HTML Tabellen in Multitalente…
Wie man HTML Tabellen mit einer Zeile CSS Code tolle Funktionalitäten einhaucht, wie z.B. Zellen editieren mit AJAX oder eine Sortierfunktion nach Spalten, dass zeigt millstream. Die australische Firma bietet ein Werkzeug Namens TableKit an, dass mit Hilfe des Prototype Frameworks HTML Tabellen in wahre Multitalente verwandelt.
(via: Ajaxian)
Am 2. Juni 2007 um 10:45 Uhr
Klasse Link, danke!
Am 3. September 2007 um 20:31 Uhr
Weiß Du wie man die somit geänderten Daten in eine MySQL Datenbank zurück schreiben kann? Mit den Werten in ‘&row=n&cell=n&id=id&field=field&value=xxxxxx’ habe ich ja keine eindeutige Datensatz-ID (falls ich vorher die Sortierung geändert habe).
Am 3. September 2007 um 20:52 Uhr
Hi Dirk,
was genau hast du vor? Leider verstehe ich deine Frage nicht so ganz, ist völlig aus dem Zusammenhang gerissen. Eine eindeutige ID erhälst du zum Beispiel wenn du einem Feld in deiner mysql table einfach ein Autoincrement setzt.
Grüße Christian
Am 4. September 2007 um 05:24 Uhr
Sorry, war wohl wirklich etwas spärlich von mir. Wenn ich mit dem TableKit die Datensätze einer vorhandenen MySQL Tabelle einlese (z.B. eine Usertabelle mit den Werten für ID, Name, Gruppe, IP und letztes Login), möchte ich diese jetzt direkt mit dem TableKit bearbeiten und wieder in die DB zurückschreiben. Das mit “TableKit.options.editAjaxURI” definierte Script bekommt aber nur die Werte ‘&row=n&cell=n&id=id&field=field&value=xxxxxx’ mit auf dem Weg. Sollte ich nun über die Sortierfunktion zwischenzeitlich die Reihenfolge der Datensätze geändert haben, wie bekomme ich heraus, welche Datensatz er über ein MySQL Update aktualisieren soll. Ich habe ja keine eindeutige ID mehr parat. Ich hoffe ich konnte mein Anliegen jetzt wenigstens etwas verständlicher darstellen.
Am 7. Mai 2009 um 19:33 Uhr
schade das die eingegebenen werte nicht gespeochert werden oder mach ich da was falsch?
dann finde ich es auch noch doof das jeder die daten ändern kann, deshalb wird es für die meisten unbrauchbar sein.
Am 24. August 2009 um 09:04 Uhr
Die übergebenen Parameter ‘&row=n&cell=n&id=id&field=field&value=xxxxxx’ bieten alles, was Du willst. row=n und cell=n interessieren Dich für die Datenbank vermutlich nicht so sehr. Aber id=[row_id] und field=[th_id] helfen Dir weiter. Du musst die ID Deines Datensatzes als id der Zeile in der Tabelle definieren und den Feldnamen der Datenbanktabelle als id der Table-Header-Zelle angeben. Also etwa so:
… … …
…
… … Steinbachweg 1a …
…
Recht sinnig eigentlich.
Wer die Daten ändern kann, musst Du natürlich über PHP oder, welche Skriptsprache Du verwenden möchtest, einstellen, indem Du die class-Angabe der Tabelle änderst.
Viele Grüße
Am 24. August 2009 um 09:22 Uhr
das ist eine nummer zu hoch für mich. ich habe mich noch nier wirklich mit datenbankabfragen usw beschäftigt. schade
Am 24. August 2009 um 09:57 Uhr
Tut mir leid. Mein Code wurde auch irgendwie nicht richtig dargestellt. Es sollte heißen
[table class="editable sortable"]
[tr][th id="feld1"]…[/th] … [th id="adresse"]Adresse[/th] … [/tr]
…
[tr id="daten_id"][td]…[/td] … [td]Steinbachweg 1a[/td] … [/tr]
…
[/table]
Naja, aber das ändert nichts daran, dass Du am Ende die Daten in PHP einlesen und an die Datenbank schicken musst. Ohne PHP und Datenbanken wird das mit dem Editieren nie gehen.