Die Komponente ermöglicht den Import von CSV-Dateien in eine Datenbanktabelle.
In diesem Artikel lesen Sie folgende Inhalte:
Tipp! Im Artikel CSV importer lesen Sie, wie Sie die Komponente in Ihre Applikation integrieren und konfigurieren.
1. CSV importer Properties
Properties |
Beschreibung |
---|---|
ID |
Bezeichnung / Benamung der Headline |
CSS class |
Elemente einer Gruppe/Klasse zuordnen, für die dann bestimmte Formatierungen gelten Option 1: in Properties bestehende Bootstrap-Klassen einfügen Option 2: über Hauptmenü in den Page Templates (für “alles verfügbar”) Option 3: Page definitions (nur für diese Seite) |
Tab index |
Bei Navigation in der Page mit Tastatur (Tab), lässt sich mit dem Tab index die Reihenfolge festlegen, wo der Cursor als nächstes aktiv wird. In der Data form kann zusätzlich für jedes Formularfeld ein Tab index vergeben werden. |
Access |
Access rights der Komponente:
|
Data layer |
Data layer der Tabelle (Tabelle in die importiert wird) |
Save mode |
Optionen:
|
Error handling |
Continue on error (0 = never) |
Max errors |
Anzahl erlaubter, fehlerhafter Datensätze (Wenn bei Error handling die Checkbox "Continue on error" aktiviert ist). |
Transaction |
Checkbox: Use single transaction for each file. Das Importieren der Datensätze wird in einer Transaction ausgeführt. Bedeutet, im Fehlerfall, bei Abbruch des Imports, werden alle zuvor geschriebenen Daten rückgängig gemacht. Der Importer erlaubt es auch mehrere CSV-Dateien hochzuladen. Wenn die Transaction nicht auf jede einzelne Datei angewendet werden soll, sondern alle Dateien in einer Transaction behandelt werden soll, müssen sie für diese Checkbox keinen Haken setzen. |
Upload mode |
Optionen:
|
Files |
Allow multiple: Sie können mehrere Dateien auswählen und importieren Show files: Für den Import ausgewählte Dateien werden angezeigt vor und während dem Upload |
Canceling |
“Allow canceling” zeigt einen Button mit dem die ausgewählten Dateien vor dem Imports gelöscht werden können. |
CSV settings |
Grundlegene Einstellungen der CSV-Datei und einlesen der Datei für das CSV-Mapping. Analyze a sample file Laden Sie ihre CSV-Datei hoch, damit sie analysiert werden kann und die Spalten im CSV Mapping bereitgestellt werden kann. FileFile encoding: Wählen Sie die Codierung der Datei (z.B. ANSI oder UTF-8) String quotes (optional): Zeichen, die einen Text als zusammenhängend markieren. Skip first lines: Anzahl an Zeilen am Anfang der Datei, die nicht eingelesen werden sollen. Escape char: Maskierungskennzeichen das verhindert, dass das nachfolgende Zeichen als Funktionszeichen erkannt wird Columns: Column names in first line (Checkbox): Column separators: Angabe des Trennzeichens der CSV-Datei Behaviour: Ignore empty lines: Checkbox aktivieren, wenn die Datei leere Zeilen enthält. Ignore defective lines: Checkbox aktivieren wenn fehlerhafte Zeilen der Datei ignoriert werden sollen (wird dann nicht als Fehler interpretiert) ColumnsEs werden alle Feldnamen des Data layers ausgegeben
|
CSV mapping |
Hier können sie das Mapping von Datenbankfelder zu Spalte der CSV-Datei definieren.
Je nach Datentyp können auf die CSV-Spalte weitere Methoden angewandt werden:
|
2. CSV importer Funktionalitäten
Events
Event |
Beschreibung |
---|---|
importStarted |
Event wird ausgeführt, wenn der Import-Vorgang gestartet wird |
importAborted |
Wird ausgelöst, wenn der Import abgebrochen wurde |
importFinished |
Wird ausgelöst, wenn der Import (aller Dateien) abgeschlossen ist |
importError |
Wird ausgelöst, wenn bei dem Import ein Fehler auftritt |
fileImported |
Wird ausgelöst, wenn eine Datei erfolgreich importiert wurde. |
fileSelectionChanged |
Wird ausgelöst, wenn der User die Dateiauswahl ändert |
Actions
Kategorisierung |
Action |
Beschreibung |
---|---|---|
State |
enable() |
Enable the CSV importer. |
disable() |
Disable the CSV importer |
|
setEnabled(enabled) |
Enable/disable the CSV importer. |
|
show() |
Komponente wird angezeigt |
|
hide() |
Komponente wird ausgeblendet. |
|
setVisible(visible) |
Anzeigen / nicht anzeigen der Komponente. |
|
focus() |
Focus auf die Komponente setzen |
|
Appearance |
setButtonText(text) |
Funktion zum setzen des Button-Textes |
setLabelText(text) |
Funktion zum setzen des Label-Textes |
|
Data |
clearFiles() |
Dateiauswahl des Importers zurücksetzen |