Datenkomponenten

Daten

Ausgeblendet

You can use the Hidden component to create a resource property that can be custom set inside a form. It doesn't display in rendered forms.

Container

You can use the Container component to wrap a set of fields into an object with a container key. A Container with the key financialPerformance submits as:

{
                    data: {
                    financialPerformance {
                    grossProfitMargin: "0.83",
                    [tab]netProfitMargin: "0.43"
                    }
                    }
                    }

Datenzuordnung

Datentyp: System.Collections.Generic.Dictionary<System.String,System.String>

Verwenden Sie die Komponente Datenzuordnung , um Schlüssel-Wert-Paare zu erstellen. Die Komponente kann zur Laufzeit bearbeitet werden, sodass Benutzer neue Schlüsselwertpariss erstellen können, indem sie auf Weitere hinzufügen klicken .

Hinweis:

Das Feld Taste ist standardmäßig ein Textfeld und kann nicht geändert werden. Das Feld Wert kann mit anderen Komponenten geändert werden.

• Beschriftung für Spalte Schlüssel – Legen Sie eine Beschriftung fest, die für die Spalte Schlüssel angezeigt werden soll. Wenn leer gelassen, bleibt der Name der Spalte als Schlüssel.
• Hinzufügen/Entfernen von Zeilen deaktivieren – Blendet die Schaltflächen aus, die das Hinzufügen oder Entfernen von Zeilen ermöglichen, wenn das Formular angezeigt wird.
• Schlüsselspalte vor Wert anzeigen – Wählen Sie aus, ob die Spalte Schlüssel vor der Spalte Wert angezeigt werden soll.
• Weiteren Text hinzufügen – Legen Sie den Text fest, der für die Schaltfläche Weiteren hinzufügen angezeigt werden soll.

Die Registerkarte Layout ist nur für die Komponente Datenzuordnung spezifisch:

• HTML-Attribute – Fügen Sie der Komponente benutzerdefinierte HTML-Attribute hinzu.
  Hinweis:

  Attribute aus anderen Komponenten dominieren die von Ihnen konfigurierten Attribute.

• PDF-Überlagerung – Wenden Sie Formateinstellungen auf PDF-Formulare an.

Informationen zur Verwendung der Datenzuordnungskomponente finden Sie im Tutorial Verwenden der Datenzuordnungskomponente.

Datenraster

You can use the Data Grid component to render multiple rows of data, similar to a data table. You can drag and drop multiple components in the Data Grid to match your use case.

In the Form Renderer window, the rows inside the Data Grid component can be added or removed.

• Disable Adding / Removing Rows - hides the buttons that allow adding or removing rows when the form renders.
• Allow Reorder - reorder rows by dragging and dropping them.
• Equal Column Width - makes the widths of columns equal.
• Enable Row Groups - allows separating rows into groups. Add groups, label them, and select the rows for each group.
• Initialize Empty - the Data Grid will have no visible rows when initialized.

Bearbeitungsraster

You can use the Edit Grid component to render multiple rows of data, similar to a data table. You can drag and drop multiple form components into the Edit Grid, to capture loads of data.

When the form renders, you can add a duplicate of the Edit Grid, by clicking Add Another.

• Open First Row when Empty - opens the first row when the Edit Grid is empty.
• Hinzufügen/Entfernen von Zeilen deaktivieren – Blendet die Schaltflächen aus, die das Hinzufügen oder Entfernen von Zeilen ermöglichen, wenn das Formular angezeigt wird.
• Add Another Text - changes the name of the Add Another button.
• Save Row Text - changes the text of the Save Row button.
• Remove Row Text - changes the text of the Remove Row button.

Die Registerkarte Vorlagen ist nur für die Komponente Raster bearbeiten spezifisch. Mit den Vorlagen für Header,Zeile und Fußzeile können Sie das Raster mithilfe von JavaScript anpassen. Sie können ändern, welcher Komponententyp in den Zeilen innerhalb eines Rasters angezeigt wird sowie das Aussehen der Kopfzeile/Fußzeile.

Kopfzeilenvorlage

This is the Lodash Template used to render the header of the Edit Grid component.

Wichtig:

Die Header-Vorlage funktioniert nicht mit Formularaktionen.

Es sind zwei Variablen verfügbar:

• value - the array of row data.
• components - the array of components in the grid.

Zeilenvorlage

This is the Lodash Template used to render each row of the Edit Grid component.

Wichtig:

Die Zeilenvorlage funktioniert nicht mit Formularaktionen.

Es sind drei Variablen verfügbar:

• row - object of one row's data.
• components - the array of components in the grid.
• state - current row's state (draft/saved).

To add Click type events, add the following classes to elements: editRow and removeRow.

Fußzeilenvorlage

This is the Lodash Template used to render the footer of the Edit Grid component.

Es sind zwei Variablen verfügbar:

• value - the array of row data.
• components - the array of components in the grid.

Datentabelle

Sie können die Komponente Datentabelle verwenden, um mehrere Datenzeilen zu rendern, ähnlich wie bei einer Datentabelle. Die Datentabelle ist eine schreibgeschützte Komponente, mit der Sie große Datenmengen anzeigen können. Sie können mehrere Formularkomponenten in die Datentabellenkomponente ziehen.

• Sortierbar – Sortiert Daten innerhalb von Spalten in aufsteigender oder absteigender Reihenfolge. Sie sortieren die Daten zur Laufzeit.
• Filterbar – Filtert Daten innerhalb jeder Spalte. Filtern Sie die Daten zur Laufzeit.
• Spaltenänderung in der Größe – Ändern Sie die Breite der Spalten zur Laufzeit. Mithilfe der Funktion zur Änderung der Größe von Spalten können Sie die Daten innerhalb der Spalten besser anzeigen.
• Paginierung – Anzeige der Daten der Datentabellenkomponente auf nummerierten Seiten. Die Paginierungsfunktion umfasst auch das Festlegen der Anzahl der Elemente pro Seite.
• Inline-Bearbeitung – Ermöglicht die Bearbeitung zur Laufzeit, ähnlich wie in Excel.

Sortierbar

Sie können Daten innerhalb von Spalten in aufsteigender oder absteigender Reihenfolge sortieren. Sie sortieren die Daten zur Runtimeim Formular.

Die Daten in der Datentabelle werden in der gleichen Reihenfolge wie in der Eingabedatentabelle angezeigt. Um alle Daten in der Datentabelle zu sortieren, klicken Sie auf eine beliebige Spaltenüberschrift im Formular.

• First click sorts the data in ascending order.

• Second click sorts the data in descending order.

• Third click restores the original order.

  

Filterbar

Sie können Daten innerhalb jeder Spalte filtern. Sie können die Daten filtern, während das Formular angezeigt wird.

So filtern Sie Daten in einer Spalte:

1. Zeigen Sie mit der Maus auf den Spaltenheader und klicken Sie auf die Dreierleiste -Menü.
2. Wählen Sie einen Filtervorgang aus.
3. Input a value in the Filter field of the triple bar menu. The input value in the Filter field is a condition for the filtering operation.

Je nach Datentyp sind die folgenden Filtervorgänge verfügbar:

Filtervorgang	Text	Nummer	Datum/Uhrzeit
Enthält	✅	❌	❌
Not Contains	✅	❌	❌
Equals	✅	✅	✅
Not Equals	✅	✅	✅
Beginnend mit (Starts with)	✅	❌	❌
Endend mit (Ends with)	✅	❌	❌
weniger als	❌	✅	✅
Kleiner oder gleich	❌	✅	❌
größer als	❌	✅	✅
Größer oder gleich	❌	✅	❌
In Bereich	❌	✅	✅
Leer	✅	✅	✅
Nicht leer	✅	✅	✅