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 add 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

Helpmate

Ciao

Hai bisogno di ulteriori suggerimenti?
Unlock personalized helpLog in to get the most out of Helpmate.