header-logo
Confira como usar o Wix para construir seu site e negócio.
Personalize e gerencie seu site com os recursos do Wix.
Gerencie assinaturas, planos e faturas.
Administre seu negócio e conecte-se com os membros.
Compre, conecte ou transfira um domínio para o seu site.
Expanda seu negócio e presença online.
Aumente sua visibilidade com recursos de SEO e marketing.
Acesse recursos avançados e otimize sua produtividade.
Encontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Domine novas habilidades com nossos cursos e tutoriais.
Confira nossas dicas de web design, marketing e mais.
Aumente o tráfego orgânico vindo dos motores de busca.
Desenvolva um site único com a nossa plataforma full-stack.
Alcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Wix Blocks: conectar um repetidor a uma coleção de banco de dados

2 min
No momento, o Wix Blocks está aberto a um número limitado de usuários.
O Blocks permite que você conecte uma coleção a um repetidor. Observe que as coleções do Blocks são placeholders que permitem que posteriormente você interaja com coleções estruturadas semelhantes no seu site. Para conectar um repetidor a uma coleção:
  1. Crie ou abra um widget do Blocks através do menu Widgets e design.
  2. Adicione um repetidor ao seu widget: vá para o painel Elementos add e clique em Layout > Repetidores.
  3. Crie uma coleção no Blocks. 
  4. Vá para a seção de código do widget e importe o módulo wix-data:
1import wixData from 'wix-data';
5. Faça uma query dos dados na coleção com essa sintaxe (saiba mais sobre o namespace do seu app):

@<yourAppNamespace>/<yourCollecitonName>

Por exemplo, a função a seguir obtém strings de uma coleção chamada "Titles e as atribui aos elementos de texto em um repetidor:

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});
Encontre o ID do repetidor
O ID de um elemento é exibido em vários lugares:
  • Na aba Design, quando você passa o mouse ou seleciona um elemento.
  • No painel Camadas layers icon, quando você seleciona um elemento.
  • No painel Propriedades e eventos properties and events icon, ao selecionar um elemento.