Wix Blocks: Einen Repeater mit einer Datenbanksammlung verbinden

2 Min. Lesezeit
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 add 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.

War das hilfreich?

|