jQuery.sheet – Excel Spreadsheets für jQuery

Es gibt da durchaus ein oder zwei Sachen, in denen man sich in Javascript die Finger bricht und man froh ist, dass es zum Beispiel jQuery gibt. Sinnvollerweise braucht man bei jQuery auch nicht viel Selbst machen, da es in der Regel für alles bereits ein Plugin gibt. Durch Zufall habe ich jetzt ein Plugin entdeckt, das Excel imitiert und ein Spreadsheet in den Browser bringt.

Screenshot von jQuery.sheet()

Dabei ist der Aufruf von jQuery.sheet() denkbar einfach, im einfachsten Fall reicht ein:

$(document).ready(function() {
   $(jQuerySelector).sheet();
});

Man kann die Daten editierbar machen, oder sogar gegen das Editieren sperren und nur anzeigen. Die Daten gelangen mittels eines Ajax-Aufrufs in die Tabelle und ebenso funktioniert das Speichern:

$(document).ready(function() {
   $(jQuerySelector).sheet({
      urlGet: "Address_of_my_sheet.html",
      urlSave: "Address_of_my_sheet_savepage.php"
   });
});

Lustigerweise beschränkt sich das Spreadsheet nicht nur auf das reine Eintragen von Daten, sondern beherrscht auch Formeln! Man kann direkt Links eingeben oder zum Beispiel auch in eine Zelle ein Bild mittels des <img>-Tags setzen.

Ausserdem benutzt das Spreadsheets zur Darstellung die jQuery UI Themes! Hat man sich in der jQuery UI also für ein Theme entschieden (oder selbst eines dafür erstellt) übernimmt das Plugin dieses automatisch!

Ähnliche Beiträge

Glimmer – der Editor für jQuery Animationen jQuery Animationen sind eine lustige Sache, lustig deshalb, weil man mehr als „Einblenden“ und „Ausblenden“ im Web nicht zu Gesicht bekommt. Soll eine...
Teaser mit jQuery erstellen Heutzutage besitzt fast jede halbwegs ernst zu nehmende Webapp ein Mini-CMS im Backend. Meistens basierend auf einem WYSIWYG-Editor in JavaScript. Eig...
Notifier für Benutzer-Nachrichten in jQuery Jede halbwegs vernünftige Community-Software oder Internet-Anwendung braucht ein Nachrichten-System, um demjenigen angemeldeten Benutzer, der gerade a...
Tooltips in 100% CSS Tooltips sind inzwischen in jeder Web-Applikation zu finden, einfach um dem Benutzer mehr Informationen zu geben oder besser zu führen. Bei ganz windi...

Schreibe einen Kommentar