Verwenden der Rasterkomponente

The Grid component allows you to display an unlimited number of rows and columns. The Grid component also allows you to paginate, filter, sort data, and resize the column width at runtime.

Voraussetzungen

Installieren Sie das UiPath.Form.Activities-Paket v2.0.2 oder höher.

Sortierbar

You can sort data inside columns in ascending or descending order. You sort the data at runtime, in the Form Renderer.

The data in the Grid is displayed in the same order as in the input data table. To sort all data in the Grid click any column header in the Form Renderer.

• First click sorts the data in ascending order.

• Second click sorts the data in descending order.

• Third click restores the original order.

  

Filterbar

You can filter data inside each column. You filter the data at runtime, in the Form Renderer.

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	✅	✅	✅
Ungleich	✅	✅	✅
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	✅	✅	✅

Tipp:

For all filtering operations applied on Text and Number data, you can add an additional filtering operation, using the operators:

• AND - displays data if both filter operations are true.
• OR - displays data if any of the filter operations is true.

Spaltengröße veränderbar

You can change the width of the columns at runtime, in the Form Renderer. The Column(s) Resizable capability allows you to see the data inside columns better.

Um die Größe von Spalten zu ändern, bewegen Sie den Mauszeiger über den Rahmen, der die Spalten trennt, bis zum Zwei-Wege-Pfeil angezeigt. Ziehen Sie am Rahmen, bis Sie die gewünschte Spaltenbreite erhalten.

Paginierung (Pagination)

You can display the data of the Grid component on pages that are numbered. The Pagination capability also includes setting the number of items per page.

To set the number of items per page: go to the Display tab of the Grid component and choose a value from the Items per page dropdown list. You can choose to display 10, 50 or 100 items per page.

At the bottom of the Form Renderer, at runtime you can view:

• Die Anzahl der Zeilen auf der Seite, auf der Sie sich befinden.
• Die Gesamtanzahl der Zeilen im Raster.
• Die Seitenzahl, auf der Sie sich befinden, von der Gesamtzahl der Seiten im Raster.

Sie können durch die Seiten blättern, indem Sie auf die Pfeile < > klicken, oder Sie können zur ersten Seite gelangen, indem Sie auf klicken den Pfeil und die letzte Seite Pfeil.

Tutorial

So verwenden Sie die Rasterkomponente :

1. Drag and drop a Grid component in the Form Designer.

2. Go to the Field Key tab and change the Property Name to the input datatable argument from the FormFieldsCollection property of the Create Form activity.

   Geben Sie für dieses Beispiel fruitDataTableArgein. Das Datentabellenargument bindet die Daten in der fruit_table.csv -Datei an das Formular.

3. In the Display tab, check the capabilities that you want to apply to the Grid component. For this example, check all four boxes: Sortable, Filterable, Column(s) Resizable, and Pagination.

4. In the Items Per Page field, choose from the dropdown list the number of items per page that you want to display in the form. For this example, choose 10.

5. Speichern Sie die Komponente.

6. Drag and drop inside the Grid the form components that match the column values inside the input datatable. For this example, drag and drop the following components: one Text Field, one Number, and one Date/Time.

   1. Wechseln Sie zur Registerkarte Feldtaste der Komponente Textfeld und ändern Sie den Eigenschaftsnamen in den Namen der Spalte, die die Textdaten der Datentabelle enthält. Ändern Sie in diesem Beispiel den Eigenschaftsnamen in fruit.
   2. Wechseln Sie zur Registerkarte Feldtaste der Zahl- Komponente und ändern Sie den Eigenschaftsnamen in den Namen der Spalte, die Zahlendaten in der Datentabelle enthält. Ändern Sie in diesem Beispiel den Eigenschaftsnamen in qty.
   3. Wechseln Sie zur Registerkarte Feldschlüssel der Komponente Datum/Uhrzeit und ändern Sie den Eigenschaftsnamen in den Namen der Spalte, die Datums-/Uhrzeitdaten in der Datentabelle enthält. Ändern Sie in diesem Beispiel den Eigenschaftsnamen in expdate.
   Hinweis:

   Speichern Sie Formularkomponenten, bevor Sie sie schließen!

7. Speichern Sie das Formular.

8. Run the workflow and explore the Grid component capabilities.

Beispielworkflow

Laden Sie das XAML-Beispielherunter, um den vollständigen Workflow zu überprüfen oder später darauf zurückgreifen zu können