Verknüpfte Datentabellen

Tabellen synchron halten

Stellen Sie sich vor, Sie haben zwei Tabellen auf Ihrer Seite:

1. Konten-Tabelle: Diese Tabelle (accountsDatatable) listet alle Ihre Kundenkonten auf.
2. Kontakte-Tabelle: Diese Tabelle (contactsDatatable) listet alle Kontaktpersonen für Ihre Konten auf.

Das Ziel: Wenn Sie in der Konten-Tabelle ein Konto auswählen, soll die Kontakte-Tabelle automatisch aktualisiert werden und nur die Kontakte für dieses spezifische Konto anzeigen.

So setzen Sie es um

Die Konten-Tabelle

• Ziehen Sie die Avonni-Datentabellen-Komponente
• Stellen Sie sicher, dass Sie dieser Tabelle den API-Namen gegeben haben accountsDatatable.
• Konfigurieren Sie die Datenquelle mithilfe der Abfrage-Datenquelle
• Wählen Sie das Accounts-Objekt aus
• Konfigurieren Sie die Datenzuordnungen, um Spalten zu erstellen

Die Kontakte-Tabelle

• Diese Tabelle ist ebenfalls eingerichtet und zeigt alle Ihre Kontakte an.
• Gehen Sie im Einstellungsbereich der Tabelle zum Abschnitt „Datenquelle“.
• Wählen Sie die Option „Abfrage-Datenquelle“.
• Wählen Sie das Objekt aus, das Ihre Kontaktinformationen enthält (z. B. „Contact“).
• Fügen Sie eine Filterbedingung hinzu:

  • Feld: Konten-ID (oder das jeweilige Feld, das Kontakte mit Konten verknüpft)
  • Operator: Gleich
  • Wert: {{accountsDatatable.selectedRecord.Id}}

    • Dieser Ausdruckscode teilt der Kontakte-Tabelle mit, nur Kontakte anzuzeigen, deren Konten-ID mit der ID der ausgewählten Zeile in der Konten-Tabelle übereinstimmt.
• Erstellen Sie Spalten, indem Sie Felder hinzufügen.

Das Ergebnis

• Benutzer durchsuchen ihre Kontenliste in der Konten-Tabelle.
• Sie klicken auf ein Konto.
• Die Kontakte-Tabelle wird sofort aktualisiert, um nur die mit diesem ausgewählten Konto verknüpften Kontakte anzuzeigen.

So bleiben Ihre Tabellen synchron und bieten eine reibungslose, intuitive Benutzererfahrung.