header-logo
GrundlagenErfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Deine Website erstellenGestalte und verwalte deine Website mit Wix.
Konto und AbrechnungVerwalte Premiumpakete, Abos und Rechnungen
Wix Mobile AppsFühre dein Unternehmen und vernetze dich mit Mitgliedern.
DomainsKaufe, verknüpfe oder übertrage eine Domain.
Dein Unternehmen verwaltenStärke dein Unternehmen und deine Webpräsenz.
Werbung für deine WebsiteSteigere deine Sichtbarkeit mit SEO und Marketing.
Studio, Partner von Wix & EnterpriseNutze erweiterte Funktionen für mehr Effizienz.
Du benötigst weitere Hilfe?Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Wix LearnVerbessere deine Kenntnisse mit unseren Tutorials.
Wix BlogErhalte Tipps für Webdesign, Marketing und mehr.
SEO Learning HubErfahre, wie du den organischen Traffic steigerst.
Website developmentErstelle eine Website mit unserer Full-Stack-Plattform.
Engagiere einen ProfiFinde 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 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.