smart | Webentwicklung
Alles rund um HTML5, PHP, WordPress & Co.

Kategorie: AJAX & JavaScript

ExtJS 4: Grid-Status speichern und wiederherstellen

28. Oktober 2013
Stephan
ExtJS 4: Grid-Status speichern und wiederherstellen

Mit dem JavaScript-Framework ExtJS lassen sich komplexe Tabellen, sogenannte Grids, sehr komfortabel und mit wenig Code erstellen. „Out of the box“ lassen sich so Grids erstellen, bei denen Benutzer z.B. individuell die Spalten ein-/ausblenden oder verschieben können.

Oftmals werden in einem solchen Grid sehr viele Daten angezeigt. Je nach Benutzer oder Aufgabe kann es aber sinnvoll sein, verschiedene Statusansichten für ein und dasselbe Grid bereitzustellen, so dass die Benutzer jederzeit die für sie gerade passende Ansicht auswählen können.

Wie ihr bei einem ExtJS-Grid den aktuellen Grid-Status speichern und wiederherstellen könnt, zeige ich euch nun in diesem Artikel.

Weiterlesen

HTML5: Datei-Informationen via File API auslesen

7. August 2013
Stephan
Datei-Informationen mittels der HTML5 File API auslesen

Im Rahmen der clientseitigen Verarbeitung von Dateien kann es manchmal hilfreich sein einige (Meta-)Informationen einer Datei auszulesen. Beispielsweise habe für den stückweisen AJAX-Upload von Dateien den Namen sowie die Größe der hochzuladenen Datei benötigt.

In diesem Artikel zeige ich euch wie ihr Dateien auswählt und mithilfe der HTML5 File API die Namen, Größen und die entsprechenden MIME-Typs der einzelnen Dateien ermitteln könnt.

Weiterlesen

AJAX: Dateien mit HTML5 File API in Chunks uploaden

24. Juni 2013
Stephan
AJAX: Dateien mit HTML5 File API stückweise in Chunks uploaden

Mithilfe der HTML5 File API ist es nicht nur möglich Dateien im Ganzen zum Server hochzuladen bzw. zu uploaden, sondern das geht auch stückweise. Dabei wird eine Datei in mehrere Teile, in sogenannte Chunks aufgeteilt und diese dann einzeln zum Server gesendet. Der Server selbst setzt die einzelnen Chunks dann wieder zu einer Datei zusammen.

Für kleine Dateien macht das natürlich wenig Sinn, aber für den Upload von großen Dateien ergeben sich so einige interessante Vorteile.

In diesem Artikel zeige ich euch, wie ihr per AJAX und mittels der HTML5 File API größere Dateien stückweise zum Server uploaden könnt.

Weiterlesen

HTML5 IndexedDB: Index erstellen und Daten suchen & filtern

10. Juni 2013
Stephan
HTML5 IndexedDB API: Index zum Suchen und Filtern von Daten nutzen

Wie in meinem Einführungsartikel zur HTML5 IndexedDB API beschrieben, handelt es sich bei der IndexedDB um keine relationale Datenbank. Somit können wir auch nicht einfach mittels einer SQL-Anfrage Datensätze, die bestimmte Bedingungen erfüllen sollen, auswählen und aus der Datenbank holen.

Stattdessen müssen wir umdenken und im Kontext der indexbasierten Datenbank Indizes in Verbindung mit Cursor verwenden, um gezielt Datensätze in einem Objektspeicher zu suchen und zu filtern.

Der folgende Artikel zeigt euch nun, wie ihr einen Index erstellen und nutzen könnt.

Weiterlesen