header-logo
Scopri come creare il sito per la tua attività con Wix.
Progetta il tuo sito con le funzionalità intuitive di Wix.
Gestisci abbonamenti, pacchetti e fatture.
Gestisci la tua attività e comunica con i tuoi membri.
Acquista, trasferisci e collega un dominio al tuo sito.
Fai crescere la tua attività online con gli strumenti giusti.
Aumenta la visibilità del tuo sito con il marketing e la SEO.
Lavora in modo efficace con le funzionalità più avanzate.
Scopri i problemi noti, trova soluzioni o contattaci.
placeholder-preview-image
Diventa un esperto con i nostri corsi e tutorial.
Scopri i consigli per web design, marketing e molto altro.
Scopri come far crescere il traffico organico del tuo sito.
Crea il tuo sito con la nostra piattaforma full stack.
Trova un esperto che ti aiuti a raggiungere i tuoi obiettivi.
placeholder-preview-image

Wix Blocks: collegare una lista dinamica a una raccolta database

2 min
Wix Blocks è attualmente aperto a un numero limitato di utenti.
Blocks ti consente di collegare una raccolta a una lista dinamica. Nota che Raccolte di Blocks sono placeholder che ti consentono di interagire con raccolte strutturate simili a come appaiono sul tuo sito in un secondo momento. Per collegare una lista dinamica a una Raccolta:
  1. Crea o apri un widget Blocks dal menu Widget e design
  2. Aggiungi una lista dinamica al tuo widget: vai su Aggiungi  e clicca su Layout > Liste dinamiche
  3. Creare una raccolta in Blocks 
  4. Vai alla sezione codice del widget e importa il modulo dati-wix. :
1import wixData from 'wix-data';
5. Interroga i dati nella raccolta con questa sintassi (scopri di più sull'app namespace (articolo in inglese):

@<yourAppNamespace>/<yourCollecitonName>

Ad esempio, la seguente funzione ottiene le stringhe da una raccolta denominata "Titoli" e le assegna agli elementi di testo in una lista dinamica:

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});
Trova l'ID della lista dinamica
L'ID di un elemento viene visualizzato in diversi punti:
  • Nella scheda Design, quando si passa il mouse o si seleziona un elemento
  • In Livelli layers icon nel pannello di controllo, quando si seleziona un elemento
  • Nel pannello Proprietà ed eventi properties and events icon, quando selezioni un elemento