header-logo
Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Gestalte und verwalte deine Website mit Wix.
Verwalte Premiumpakete, Abos und Rechnungen
Führe dein Unternehmen und vernetze dich mit Mitgliedern.
Kaufe, verknüpfe oder übertrage eine Domain.
Stärke dein Unternehmen und deine Webpräsenz.
Steigere deine Sichtbarkeit mit SEO und Marketing.
Nutze erweiterte Funktionen für mehr Effizienz.
Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Wix Blocks: Einen Repeater mit einer Datenbanksammlung verbinden

2 min
Wix Blocks ist derzeit nur für eine begrenzte Anzahl von Nutzern verfügbar.
Mit Blocks kannst du eine Sammlung mit einem Repeater verknüpfen. Beachte, dass Sammlungen von Wix Blocks lediglich Platzhalter sind sind, die es dir ermöglichen, später mit ähnlich strukturierten Sammlungen auf deiner Website zu arbeiten. Um einen Repeater mit einer Sammlung zu verknüpfen:
  1. Erstelle oder öffne ein Blocks-Widget über das Menü Widgets und Design.
  2. Füge einen Repeater zu deinem Widget hinzu: Öffne den Bereich Hinzufügen  und klicke auf LAYOUT > REPEATER.
  3. Erstelle eine Sammlung bei Blocks.
  4. Öffne den Code-Abschnitt des Widgets und importiere das Modul wix-data:
1import wixData from 'wix-data';
5. Frage die Daten in der Sammlung mit dieser Syntax ab (erfahre mehr über deinen App-Namespace) (Artikel zurzeit nur auf Englisch verfügbar):

@<yourAppNamespace>/<yourCollecitonName>

Die folgende Funktion ruft zum Beispiel Zeichenfolgen aus einer Sammlung mit dem Namen „Titel“ ab und weist sie den Textelementen in einem Repeater zu:

1$w.onReady(function () {
2 wixData.query('@daphnet2/simple-repeater-app/Titles')
3 .find()
4       .then((results) => {
5           $w('#repeater1').data = results.items
6       })
7       .catch((err) => {
8           console.log(err)
9           throw new Error(err)
10       });
11    $w("#repeater1").onItemReady(($item, itemData, index) => {
12       $item("#text1").text = itemData.title;
13   });
14});
Die Repeater-ID finden
Die ID eines Elements wird an mehreren Stellen angezeigt:
  • Im Tab Design, wenn du mit der Maus über ein Element fährst oder ein Element auswählst.
  • Im Ebenen-Panel layers icon, wenn du ein Element auswählst.
  • Im Eigenschaften- & Ereignis-Panel properties and events icon, wenn du ein Element auswählst.