Rendern und Vorschau der Kontaktliste

Hinweis

Lernen Sie auf Deutsch? In diesem Badge ist für die praktischen Trailhead-Aufgaben Englisch als Bearbeitungssprache festgelegt. Übersetzungen werden zur Referenz in Klammern angegeben. Stellen Sie sicher, dass Sie die englischen Werte kopieren und einfügen und stellen Sie die Sprache Ihres Trailhead Playgrounds auf "English (Englisch)" und das Gebietsschema auf "United States (USA)" um. Die zugehörigen Anweisungen finden Sie hier.

Im Badge Trailhead in Ihrer Sprache erfahren Sie, wie Sie die übersetzte Trailhead-Umgebung nutzen.

Nachvollziehen der Schritte aus "Trail Together"

Möchten Sie bei diesem Schritt einem Experten folgen? Sehen Sie sich dieses Video an, das zur Serie "Trail Together" gehört.

(Dieser Clip startet bei der Minutenmarke 10:45, falls Sie zurückspulen und sich den Anfang des Schritts erneut ansehen möchten.)

Darstellen der Kontaktliste

Fügen Sie den folgenden Code in einer neuen Zeile nach dem Kommentar : hinzu:
```
<lightning:datatable data="{!v.Contacts }" columns="{!v.Columns }" keyField="Id" hideCheckboxColumn="true"/>
```
Eine lightning:datatable ist eine weitere Lightning-Basiskomponente, die die Kontaktliste anzeigen wird.
Wählen Sie File | Save (Datei | Speichern) aus.
Klicken Sie auf die Registerkarte MyContactListController.js.
Aktualisieren Sie die Funktion "myAction" mit dem folgenden Code, den Sie in eine neue Zeile oberhalb der Zeile var action einfügen:
```
component.set("v.Columns", [
    {label:"First Name", fieldName:"FirstName", type:"text"},
    {label:"Last Name", fieldName:"LastName", type:"text"},
    {label:"Phone", fieldName:"Phone", type:"phone"}
]);
```
Die 'datatable'-Komponente verwendet die im Attribut Columns (Spalten) gespeicherten Werte dazu, die anzuzeigende Anzahl von Spalten zu ermitteln.
Wählen Sie File | Save (Datei | Speichern) aus.
Aktualisieren Sie die Account-Seite in Ihrer Organisation.

Zusammenfassung

Herzlichen Glückwunsch! Sie haben Ihre erste Lightning-Komponente erstellt. Jetzt können Administratoren Ihre Komponente zu ihrer Organisation hinzufügen, um Kontakte für einen Account anzuzeigen. Auch andere Entwickler können Ihre Komponente benutzen, statt eigenen Code zu schreiben.