top of page

Se inscreva para receber meu conteúdo com dicas e seja notificado sobre os novos vídeos do canal. Inscritos aqui, tem prioridade e atenção.

Quer ser mestre em Wix?

{msg}

Como programar vários filtros no WIX

Nesse vídeo vamos aprender a como filtrar com vários dados de uma vez, somando esses filtros.

Transcrição do vídeo

Fala galera, tudo bem com vocês? Bom,

00:00:00

nesse vídeo vou mostrar para vocês como

00:00:03

vocês podem fazer da maneira mais fácil

00:00:05

possível a utilização de

00:00:07

vários filtros, tá? Ou seja, você

00:00:10

ter vários Campos, né? E dentro desses

00:00:13

Campos, você colocar valores EE

00:00:15

somar esses valores numa filtragem, como

00:00:18

no exemplo que nós vamos utilizar hoje,

00:00:20

nós vamos usar é o nome da pessoa

00:00:22

e o trabalho dela, ou seja, nós vamos

00:00:25

poder filtrar somente com o nome, tanto

00:00:27

com o trabalho e também. Se a gente

00:00:30

quiser, a gente pode ter a possibilidade

00:00:32

de filtrar os 2 juntos, assiste até o

00:00:34

final que eu tenho certeza que você vai

00:00:36

gostar desse vídeo. Bom, estando aqui no

00:00:38

wix, né? Já dentro da plataforma,

00:00:41

preparei aqui um ambiente pra gente

00:00:43

trabalhar. Tá? Então esse ambiente aqui

00:00:45

vai trazer pra gente aqui um repetidor.

00:00:48

Um campo, né? De texto pra gente colocar

00:00:51

o nome que a gente quer filtrar. Um

00:00:54

campo de seleção pra gente

00:00:57

selecionar a profissão e um campo aí,

00:00:59

um botão de buscar apenas pra gente

00:01:02

clicar e fazer o filtro, tá bom? Deixa eu

00:01:04

até mudar aqui pra de buscar pra filtrar,

00:01:07

né? Ficar mais

00:01:10

objetivo, beleza, galera. Então o que

00:01:12

que eu já fiz aqui, né? Fiz aqui

00:01:15

uma chamadinha pra gente, tá só tenho

00:01:18

aqui um agreguete, né? Bem

00:01:20

simples aqui que ele está preenchendo

00:01:23

aqui a campo de profissão, né, então.

00:01:26

Única coisa que eu fiz aqui pra adiantar

00:01:29

que o nosso vídeo não demorar muito,

00:01:30

eu preenchi apenas esse campo com as

00:01:33

profissões que eu tenho no banco de

00:01:36

dados, beleza, vou tentar fazer esse

00:01:37

vídeo bem rápido, mas eu queria

00:01:39

explicar pra vocês do zero, como

00:01:42

você faz com isso aí, pra vocês ir

00:01:44

pegando e não ter nenhuma dúvida, tá, mas

00:01:46

se tiver, vocês podem comentar aí embaixo

00:01:48

que eu vou responder o mais rápido

00:01:51

possível. E pra ajudar o canal também

00:01:53

seria muito importante se você que você

00:01:55

se inscrevesse aqui no canal ativasse.

00:01:57

Assassininho décimo gostei desse vídeo

00:02:00

para eu entender aí qual é o feedback de

00:02:02

vocês em relação ao conteúdo que eu estou

00:02:04

deixando aqui no canal. Tá bom? Primeira

00:02:07

coisa que a gente precisa fazer aqui,

00:02:09

finalizar, né? Todo o ambiente que a

00:02:11

gente preparou, eu tenho um banco de

00:02:13

dados que chama filtro do filtro

00:02:15

tá e esse banco ele traz pra gente aqui

00:02:18

o nome da pessoa, uma imagem

00:02:21

e o trabalho dela, tá, então tenho

00:02:23

esses 3 é tipo de informação,

00:02:26

então o que que a gente vai fazer? A

00:02:29

gente precisa, né? De primeira, preencher

00:02:31

esse repetidor, né?Com base

00:02:33

naqueles dados, é a primeira coisa que a

00:02:36

gente vai fazer. Então a pessoa entra na

00:02:38

tela, Oo repetidor preenche e

00:02:40

exibe os dados para a gente após aqui o

00:02:43

meu agregante e passar ali o

00:02:45

valor para O

00:02:48

o dropdown, né?

00:02:50

Eu vou fazer aqui agora um

00:02:52

wixdata vou usar ele aqui, vou chamar

00:02:55

ele, vou fazer aqui uma busca

00:02:57

No No banco de dados com Kerry

00:03:00

e vou passar aqui o nome do banco do meu

00:03:03

banco de dados. Né? Estou usando data

00:03:06

name aqui porque é uma variável, tá,

00:03:09

gente? Então essa variável aqui está aqui

00:03:11

em cima, ó, eu já reservei dentro dela o

00:03:13

nome do meu banco de dados tá para que eu

00:03:16

não tenha que ficar toda vez digitando o

00:03:18

filtro do filtro beleza, que é o nome do

00:03:19

banco. Então aqui iniciei aqui uma

00:03:21

chamada neste banco de dados.

00:03:24

Essa chamada aqui não vai ter nenhum

00:03:27

filtro, é uma chamada padrão, né?

00:03:28

É então, o que eu vou fazer? Eu só vou

00:03:31

vim aqui dar um find.

00:03:33

Fechar parênteses.

00:03:36

Demo?Esse Dan

00:03:39

vai retornar uma resposta aqui pra gente

00:03:42

que vou nomear ela como res tá de

00:03:44

response e vou

00:03:47

fazer aqui uma Earl function.

00:03:49

E aí? E aí a gente vai exibir esses

00:03:53

dados aqui com um console. org para saber

00:03:56

se está tudo OKO que a gente quer, tá?

00:03:59

Vou dar um aqui. Um visualizar.

00:04:02

Aqui embaixo, né? Nos logs eu vou

00:04:07

visualizar o que ele tá me trazendo

00:04:09

naquela chamada, então ele me trouxe aqui

00:04:11

um objeto nesse objeto tem,

00:04:14

temos aqui o underline itens, né? E

00:04:16

dentro de underline, itens eu tenho cada

00:04:19

item do meu banco de dados, tá? Então eu

00:04:21

tenho aqui, ó name, Carla Queiroz, né?

00:04:23

Tenho todas as informações, a imagem OID

00:04:26

né, que também tem o work, o trabalho

00:04:29

dela tá agora só que para eu preencher o

00:04:31

repetidor, eu não preciso de todas essas

00:04:34

informações, eu só preciso desse

00:04:36

underline itens aqui, então eu só vou

00:04:38

meio que, né?Deixar ele.

00:04:40

Retornando somente ele tá bom? Eu vou

00:04:44

colocar aqui um LED itens,

00:04:47

vou passar aqui o res,

00:04:49

ponto underline, itens

00:04:52

que aí a minha variável

00:04:55

itens, né? Itens, ela

00:04:58

vai ser correspondente somente aquele

00:05:01

underline. Itens, tá bom é que que eu vou

00:05:03

fazer aqui agora, tá pessoal?É

00:05:06

essa aqui, é uma função

00:05:08

simplificada de uma chamada no banco

00:05:11

de dados. Tá? Se você for

00:05:14

usar somente ela, você vai ter

00:05:17

muita. É. Vai ser muito complexo para

00:05:19

você conseguir fazer. É o que a gente

00:05:21

precisa fazer nesse vídeo, que é a

00:05:24

utilização de vários filtros, tá?

00:05:26

Então, o ideal é que você separe

00:05:29

essa chamada do banco de dados em uma

00:05:31

função específica. Beleza, então, o que

00:05:34

que a gente vai fazer aqui embaixo? A

00:05:37

gente vai criar uma função. Né? Então eu

00:05:38

vou chamar aqui. Funcionou. É,

00:05:41

eu vou falar aqui, get é que

00:05:44

significa pegar, né? Buscar alguma coisa

00:05:47

assim. Eu costumo trabalhar em com termos

00:05:49

em inglês, tá? Então get

00:05:52

é.

00:05:54

Pessoas, né? Vou colocar aqui pra.

00:05:57

Qualquer nome? Não, não me vem nada em

00:06:00

mente. Então vou colocar aqui,

00:06:02

ó bom, fechei aqui, criei a

00:06:05

função, vou pegar essa

00:06:07

chamada no banco de dados e passar pracá.

00:06:10

Beleza, tá?

00:06:19

Após é eu finalizar essa

00:06:21

chamada do banco de dados, eu vou

00:06:24

só fazer aqui uma algumas configurações

00:06:27

aqui e vou mudar essa variável aqui para

00:06:30

cima, ó para ela ficar no

00:06:32

escopo global da função tá que seria o

00:06:35

escopo global, quando eu faço,

00:06:38

é essa chamada de função. Aqui. E

00:06:41

E tem 11 variável declarada aqui

00:06:44

embaixo. Eu só posso usar a variável.

00:06:46

Aqui dentro tá dentro dessa

00:06:49

função. Se eu declaro a

00:06:52

variável aqui em cima e só

00:06:55

altero o valor dela aqui dentro dessa

00:06:57

função, eu posso usar a variável

00:07:00

fora daquela função ali, tá? Então, eu

00:07:03

estou colocando a variável para fora

00:07:05

justamente para eu conseguir usar

00:07:07

aqui. No escopo da função, completa. Tá

00:07:10

então o que que eu vou fazer aqui

00:07:13

embaixo, né? Após fazer a chamada do

00:07:14

banco de dados, eu vou dar um retorno e

00:07:16

vou retornar os itens que a gente pegou

00:07:19

aqui. Beleza? Então, o que a função vai

00:07:22

fazer?Get pessoas, executou a função,

00:07:24

declarou. Uma variável sem valor.

00:07:27

Fez a chamada no banco de dados, essa

00:07:30

chamada no banco de dados definiu o valor

00:07:32

da função. Itens com os dados que ele

00:07:34

retornou e a função get

00:07:37

pessoas vai retornar o valor

00:07:39

da variável itens, tá bom, vou

00:07:42

executar essa função aqui em cima agora,

00:07:45

vou chamar ela aqui ó, get pessoas, eu

00:07:48

vou fazer aqui, ó console.

00:07:50

Log, e vou executar sua função.

00:07:54

Dentro do console log e aí vou dar uma

00:07:58

visualização só para saber se está tudo

00:08:00

okay?

00:08:02

Undefinete tá un defined ele deu

00:08:05

definit. Por que? Porque a gente tá

00:08:07

trabalhando com uma chamada no banco de

00:08:09

dados aqui, né? E pra gente trabalhar com

00:08:11

chamados em banco de dados é muito

00:08:14

importante que a gente trabalhe com

00:08:16

funções assíncronas, tá? Então, o que

00:08:17

acontece? Eu vou colocar aqui um assim

00:08:19

que. Na frente do function

00:08:21

e depois que eu coloco, se a sync na

00:08:24

frente do function to dizendo que essa

00:08:26

função é uma função assíncrona, né? E eu

00:08:28

preciso, né? Fazer com que antes de

00:08:30

retornar esse retorno,

00:08:33

espere essa função ser executada,

00:08:35

porque ele retornou. On define de pra

00:08:38

gente lá é porque Oo

00:08:40

retorno executou antes da chamada do

00:08:43

banco de dados, entendeu? Ele veio aqui,

00:08:46

declarou. A variável executou essa

00:08:48

função, mas ele passou reto, ele não

00:08:49

esperou os. Valores de itens ser

00:08:51

definido, entendeu? Ele já deu retorno já

00:08:54

de uma vez. Por que a gente vai fazer

00:08:56

aqui? Colocamos um awate aqui, né? Que

00:08:58

ele vai falar assim, ó, espere essa

00:09:01

função acabar de ser executada. Aí depois

00:09:02

você executa o restante, beleza, fechou?

00:09:05

Vamos dar uma visualizar aqui agora.

00:09:07

Oh, retornou aqui o promis, ó beleza,

00:09:12

precisava colocar aqui uma witcher aqui

00:09:15

em cima aqui também, ó. Nessa get pessoas

00:09:17

ta? Então dei o visualizar e

00:09:19

ele retorna aqui somente a matriz de

00:09:22

objetos que a gente precisa, né, que é os

00:09:24

itens que a gente vai usar para preencher

00:09:26

o repetidor. Vamos pegar essa função

00:09:28

daqui.

00:09:31

Beleza, vou dar aqui um get pessoas,

00:09:36

DEM.

00:09:39

Press, igual.

00:09:42

Maior, tá? Então o que que eu fiz aqui,

00:09:46

tá galera? Esse esse dano

00:09:49

é ele, você não usa somente em chamadas

00:09:52

de bancos de dados, tá? Você

00:09:54

usa em qualquer função que você

00:09:57

executa, é o que você está falando

00:09:59

aqui é que, por exemplo, é a função

00:10:02

get pessoas foi executada.

00:10:05

Então, é se ela, se tudo ocorrer bem, né?

00:10:08

Se não der nenhum erro, ele vai executar

00:10:10

esse demo. E

00:10:12

no ao executar esse dano, ele vai

00:10:15

retornar uma resposta para você. Lembra

00:10:17

que lá embaixo a gente deu um retorno

00:10:19

aqui? Ou seja, a gente tá retornando

00:10:21

alguma coisa daquela função que a gente

00:10:23

executou, tá? Então aqui em cima que que

00:10:25

eu estou fazendo? Eu estou pegando os

00:10:28

dados que ele retornou lá embaixo,

00:10:30

beleza? Posso até dar um console logo de

00:10:32

novo aqui para vocês.

00:10:35

Verem que vai ser a mesma coisa que

00:10:38

aconteceu, executando somente a função,

00:10:40

tá?Oh,

00:10:43

mesma coisinha aqui, que que a gente

00:10:46

precisa fazer agora, né? A gente precisa

00:10:48

pegar esses dados e colocar no repetidor,

00:10:51

então vamos lá, vamos chamar o

00:10:54

repetidor aqui.

00:10:56

Rap, pessoas.

00:10:59

On item ready, e aí a

00:11:03

gente chama. Aqui,

00:11:05

essa propriedade e

00:11:09

o item data arrow

00:11:12

funtion.

00:11:14

Beleza, então, essa função aqui,

00:11:18

desse jeito que você vai utilizar pra

00:11:21

preencher um repetidor, né? E

00:11:23

Ah, esqueci de falar para vocês. Uma dica

00:11:26

muito importante, né?

00:11:28

Deixem de utilizar datasets,

00:11:31

tá datasets? Para quem não

00:11:33

não sabe pelo nome, né dele

00:11:37

especificamente é.

00:11:38

Esse cara, esse camarada aqui, ó.

00:11:42

E esse camarada aqui, saibam

00:11:45

quando utilizar ele, tá bom?

00:11:48

Vocês começam um projeto utilizando ele e

00:11:51

depois tem muita dificuldade em

00:11:54

criar funções mais avançadas, porque

00:11:57

você está utilizando ele tá dependendo o

00:12:00

que for, vai ser muito. Você vai ter

00:12:03

muito mais trabalho utilizando ele do que

00:12:06

fazendo tudo na mão, tá? Então

00:12:08

pare. Tente parar de utilizar o conjunto

00:12:10

de dados, o data sets tá e tente

00:12:12

realmente fazer tudo na programação pra

00:12:14

facilitar pra você lá na frente e aí você

00:12:16

vai ficar livre pra fazer o que você

00:12:18

quiser, tá bom? O data set eu só,

00:12:20

eu só indico e só utilizo ele se o

00:12:23

projeto for extremamente simples.

00:12:25

Principalmente se tiver apenas um filtro

00:12:28

lá só tá com drop down ali pra você

00:12:29

fazer tudo. É como o wix já deixa,

00:12:32

deixa pronto, tá?Então tente não

00:12:35

utilizar ele, beleza, vou deletar ele

00:12:37

aqui. Não gosto dele.

00:12:39

Vamos aqui pro código de novo.

00:12:43

Ó beleza, chamamos aqui a função pra

00:12:46

preencher o nosso repetidor e aí, o que

00:12:48

que a gente vai pegar agora, né? Antes

00:12:50

dessa função é, tava esquecendo,

00:12:52

a gente vai chamar aqui um do rap, né? O

00:12:55

nosso repetidor, só que a gente vai

00:12:58

definir o data dele, né, que vai ser os

00:12:59

dados que ele vai ter dentro dele, tá, e

00:13:02

eu vou colocar aqui ress beleza,

00:13:04

já defini os dados que vai ter dentro

00:13:08

dele, só que ele não sabe como exibir

00:13:10

esses dados. Fechou aí que a gente chama

00:13:12

essa função e aí?Dentro dela, que a gente

00:13:15

vai falar Pra Ele, ó, baseado nesses

00:13:18

dados, você vai exibir dessa forma, tá?

00:13:19

Então, a gente vai ter aqui, no nosso

00:13:23

repetidor uma imagem que eu vou nomear

00:13:24

aqui, OID dela. Como imagine, né?

00:13:27

EMG? Aliás, aqui eu

00:13:30

vou nomear o nosso nome

00:13:33

como texthaneme.

00:13:36

E a profissão como TXT

00:13:40

work. Beleza

00:13:44

aí aqui no nosso repetidor, né? Passando

00:13:47

aqui como ele deve visualizar a gente ao

00:13:49

invés de usar o cifrão.

00:13:52

W né que é normalmente, a gente utiliza

00:13:57

assim aqui fora, por exemplo, dentro do

00:13:58

repetidor é diferente, tá? A gente

00:14:00

precisa utilizar o item porque,

00:14:03

porque aí ele vai entender que é apenas

00:14:06

aquele item do repetidor. Se a

00:14:09

gente usar, OW, ele vai pegar o primeiro

00:14:11

item que a gente tem no banco de dados e

00:14:13

vai exibir tudo igual, tá? Vamos utilizar

00:14:15

ele aqui só pra vocês verem como é que

00:14:17

vai, que que vai acontecer, tá bom?

00:14:19

Então vamos colocar aqui OIMG, que é a

00:14:22

nossa imagem, SRC

00:14:24

E eu vou. Colocar aqui agora é chamando

00:14:28

o item data.

00:14:31

Ponto, OPA.

00:14:35

E tem data, imagine,

00:14:39

deixa eu só confirmar se é esse o nome

00:14:42

mesmo.

00:14:44

Name, imagie work. Isso.

00:14:48

E AE temos aqui também.

00:14:51

O nosso TXT name.

00:14:55

Text vai ser e tem

00:15:02

data. Mame.

00:15:05

Temos também o nosso.

00:15:13

TXT, workt.

00:15:17

TXT?

00:15:21

Item data.

00:15:25

Work, beleza, vamos ver como é que que

00:15:29

vai acontecer aqui agora, né? Lembrando

00:15:31

que a gente não está utilizando o cifrão

00:15:34

item, né? A gente está utilizando o

00:15:36

cifrão w vou dar um visualizar

00:15:38

aqui.

00:15:40

Aí, ó, é isso aqui que acontece, tá bom?

00:15:45

Então se no seu algum dia acontecer isso

00:15:47

aqui, de exibir tudo igual, é quer dizer

00:15:49

que você está próximo de chegar lá no

00:15:52

resultado é satisfatório, tá?

00:15:54

É só falta alguma coisinha mesmo. Vamos

00:15:57

arrumar isso aqui agora, aqui, em vez de

00:15:59

usar OWA gente vai usar o item, né? Que

00:16:02

aí o repetidor ele vai entender que cada

00:16:05

item tem seus dados, tá? Vamos

00:16:08

visualizar.

00:16:10

Beleza. Agora está visualizando, certo?

00:16:13

Fechou, exibimos os dados do

00:16:17

repetidor, show de bola deixa

00:16:19

eu só mudar o layout aqui da minha seção,

00:16:22

tirar esse 500 pixels.

00:16:24

Tá legal. Vou publicar

00:16:27

esse sitiozinho aqui para ficar mais

00:16:30

fácil de ver esse visualizar aqui. Eu não

00:16:31

gosto muito dele. Tá lá, ó

00:16:34

certinho bonitinho aqui a nossa página.

00:16:37

Bom, que que a gente vai fazer agora, né?

00:16:40

Primeira coisa, vamos configurar a

00:16:43

função de filtrar, tá?

00:16:45

Lembrando que o meu dropdown já está com

00:16:48

os dados aqui de cada profissão,

00:16:50

beleza? Então eu só preciso agora

00:16:53

configurar uma função que vai ser

00:16:56

executada ao clicar no botão de

00:16:57

filtrar aqui embaixo que que a gente vai

00:17:00

fazer, né? A gente precisa.

00:17:02

Criar uma função que vai filtrar os

00:17:06

nossos dados, então eu vou chamar

00:17:08

aqui um function.

00:17:11

É filter, está

00:17:15

essa função, né? A gente sabe que

00:17:18

cada vez que ela vai filtrar, ela precisa

00:17:21

pegar aqueles dados de nome e trabalho,

00:17:23

né? Pra fazer uma chamada, né? E com

00:17:25

aquele filtro tá bom? E esses dados que

00:17:28

eu estou falando é aqui, ó, precisa pegar

00:17:31

o valor aqui no nome tá? E o valor aqui

00:17:33

do do trabalho também, né? E depois que

00:17:35

ela pega esses valores, ela precisa é

00:17:37

fazer uma chamada, uma nova chamada no

00:17:40

banco de dados, tá bom, então.

00:17:42

É onde a gente vai executar essa função

00:17:44

aqui novamente, tá? Por isso que a gente

00:17:47

criou uma função especificamente pra

00:17:49

isso, porque se a gente não tivesse

00:17:51

criado essa função específica, a

00:17:52

gente IA precisar ficar criando várias

00:17:55

outras funções. E aí o nosso código IA

00:17:57

ficar gigantesco e totalmente

00:17:59

zuado. Vamos aqui. Filter, né?

00:18:02

Quando a gente for filtrar, né? Executar

00:18:05

a função filter, a gente precisa chamar

00:18:07

aqui agora get pessoas, tá?

00:18:09

E a gente precisa que nessa função

00:18:12

ela veja se tem esses valores aqui

00:18:15

preenchidos. Beleza, então o que

00:18:18

a gente vai fazer aqui, ó?

00:18:21

Get pessoas, chamamos ela, né? Entramos

00:18:24

aqui na função. Que busca no nosso

00:18:26

banco de dados e é aqui que tá o segredo,

00:18:29

tá? Agora prestem muita atenção que é

00:18:32

esse é o ponto chave aqui do nosso vídeo

00:18:35

aqui, ó. Que que a gente vai fazer se a

00:18:38

gente deixar dessa forma que está, a

00:18:40

gente não vai conseguir fazer esse esse

00:18:43

filtro aí, com vários vários dados

00:18:46

diferentes, tá? A gente precisa mudar um

00:18:48

pouquinho aqui. Eu vou criar aqui agora

00:18:50

uma variável care.

00:18:53

Essa carre, né? Ela vai ter como

00:18:57

valor a nossa chamada padrão

00:18:59

do banco de dados. Que é isso daqui,

00:19:02

tá? Away with data care data name,

00:19:05

ponto. Aqui embaixo eu vou fazer

00:19:08

um if né, que é 11

00:19:11

condição. E vou verificar

00:19:14

se o campo.

00:19:17

Se o campo TXT, name. Possui

00:19:22

um valor?Então se winname,

00:19:25

né? Se é o campo nem possui um valor, eu

00:19:28

vou adicionar No No Carey, aqui na minha

00:19:30

variável care, um filtro tá? Que

00:19:32

é? Aqueles filtros que a gente usa

00:19:35

mesmo Na Na chamada de banco de dados tá?

00:19:38

Então vou vir aqui carre vou chamar a

00:19:40

mesma função é igual a

00:19:43

care, ou seja, a ela mesma,

00:19:45

só que eu vou adicionar aqui ó, ponto

00:19:48

é contense.

00:19:51

Como é o nome? É um texto aleatório?

00:19:54

Eu vou usar o content, porque

00:19:57

se eu digitar qualquer.

00:20:00

É parte do nome aqui ele vai encontrar e

00:20:03

vai retornar pra gente, tá? Então por

00:20:06

isso que eu vou utilizar o contães ao

00:20:08

invés do EQ, que é o nome igual, sabe?

00:20:10

O contâiner vai ser melhor nesse caso,

00:20:13

então vou colocar aqui. Name, que é o

00:20:15

nome da coluna. Ivan.

00:20:17

Colocar aqui também o valor de nome.

00:20:21

Aí agora a gente só vai copiar esse

00:20:24

daqui, ó, esse é o segredo. Vou colocar

00:20:26

aqui. Oh. Beber

00:20:28

work options, então, se tiver no

00:20:31

valor em work lá, né? No campo de work.

00:20:34

Eu vou fazer a mesma coisa. Vou pegar o

00:20:38

Cariri, vou chamar o cari

00:20:39

novamente. Vou aqui agora

00:20:42

colocar. OE quê?

00:20:45

Que agora pode ser igual, né? Como é um

00:20:48

select? Não tem como a pessoa digitar um

00:20:49

valor diferente.

00:20:51

E vou colocar aqui. A nossa

00:20:54

coluna work.

00:20:57

Vou passar aquilo drop down.

00:21:01

Bom, agora ficou simples de entender, né?

00:21:04

Ficou muito fácil mesmo. Está. Então o

00:21:06

que a gente vai fazer aqui agora a gente

00:21:09

vai deletar esse código que a gente fez

00:21:10

antes antes e a gente vai retornar

00:21:13

a nossa Kerry tá, e aí? Se a gente

00:21:17

quiser, né? A quando a gente retornar

00:21:20

essa carrey a gente vai retornar todas

00:21:22

aquelas informações que retorna ali do

00:21:24

banco de dados, tá? Se a gente quiser,

00:21:27

né? Se você não quiser, não precisa, pode

00:21:29

retornar a si mesmo, mas se você quiser,

00:21:31

você pode fazer isso daqui também, ó. É,

00:21:33

a gente precisa passar o ponto find.

00:21:36

E aí eu posso já colocar o deno aqui, tá

00:21:41

hes?Chamam aro

00:21:44

funtion.

00:21:47

E Don returns?Com

00:21:51

o West?Itens,

00:21:54

tá que aí ele já vai retornar? Somente os

00:21:58

itens que a gente precisa para preencher

00:22:00

o repetidor. Beleza, vamos

00:22:02

fazer agora aqui um, né? Um.

00:22:05

Um resumo de novo dessa função, só para

00:22:08

vocês entenderem melhor e de fato aqui,

00:22:10

para que vocês não fiquem com dúvidas,

00:22:13

mas como já falei, se tiverem dúvidas,

00:22:15

comenta aí que eu vou responder para

00:22:17

vocês, mas só para vocês entenderem o que

00:22:19

que a gente faz. A gente chama uma

00:22:21

função. Essa função tem o nome de get

00:22:22

pessoas, tá?

00:22:24

A quem? Gate pessoas, a gente declara

00:22:27

dentro de uma variável. É o

00:22:29

away wixdat Carey com o nome

00:22:31

do banco de dados, ou seja, o códigozinho

00:22:34

padrão para fazer uma pesquisa no banco

00:22:37

de dados. Então aqui é bem simples, a

00:22:39

gente faz uma condição verificando se tem

00:22:41

um No No campo nome, um valor, né. Ou

00:22:44

seja, se a gente, se alguém escreveu uma

00:22:46

coisa aqui, se ele escreveu,

00:22:49

ele vai pegar aqui e vai somar a

00:22:51

esse código que está dentro dessa

00:22:54

variável. Esse

00:22:56

contense tá que aí? Eu já

00:22:59

configurei para ele verificar na coluna

00:23:01

name se contém o

00:23:03

valor que foi passado naquele campo. O

00:23:06

mesmo é feito com o dropdown.

00:23:08

Tá? Então ele verifica também se no

00:23:11

dropdown tem um valor e aqui em Kerry

00:23:12

ele adiciona um EQ, né que aí já

00:23:15

é 11 valor idêntico, né? Ele verifica na coluna work se tem

00:23:18

um valor idêntico ao que foi sele

00:23:18

ciona

00:23:21

do

00:23:21

no dropdown, tá? E aqui em

00:23:25

return a gente vai retornar à carre,

00:23:28

né?Que aí eu já dei um ponto find

00:23:30

ponto damn, que aí eu já faço a

00:23:33

resposta aqui, já pego a resposta dessa

00:23:36

chamada do banco de dados e só

00:23:38

retorno apenas os itens

00:23:41

que a gente pegou no banco de dados

00:23:44

fechou. Espero que muito, espero muito

00:23:45

que vocês tenham entendido beleza aqui,

00:23:48

que que vai acontecer então aqui no nosso

00:23:50

filter, né? Tanto aqui quanto aqui

00:23:52

em cima que a gente já fez, ele já tá

00:23:55

usando essa função, né,

00:23:57

pra cá não vai mudar nada porque esse

00:24:00

daqui executa. AA ao entrar na

00:24:02

página, tá, e aí? Ao entrar na

00:24:05

página. É como, não vai ter nenhum campo

00:24:07

selecionado aqui, não é? Na verdade, tem

00:24:10

esse marketing, não é? Mas depois a gente

00:24:12

pode tirar, é ele não vai

00:24:13

executar filtro nenhum, tá? Então tá

00:24:16

tranquilo. Mas quando eu

00:24:19

executar o filtro, quer dizer que. Que

00:24:21

alguém colocou alguma coisa naqueles

00:24:23

Campos, né? Então eu vou executar o Gate

00:24:25

pessoas, porque aí ele vai verificar

00:24:28

novamente os Campos e vai fazer a chamada

00:24:30

necessária. Depois de fazer essa chamada,

00:24:32

que que ele vai fazer aqui, ó?A

00:24:36

gente vai retornar aqui, o res

00:24:38

e agora a gente precisa novamente exibir

00:24:41

os dados do repetidor só aqui a gente vai

00:24:44

repetir o mesmo código que está aqui em

00:24:46

cima. Não, eu posso simplesmente

00:24:48

tirar esse código daqui e criar

00:24:51

uma função apenas pra visualizar esses

00:24:55

códigos. Então

00:24:57

vou criar aqui um function view.

00:25:00

Pessoas.

00:25:04

Vou passar aqui uma propriedade, né? É

00:25:11

de data pra essa função

00:25:14

que aí dentro dessa função ele vai

00:25:17

executar aqui. Pra visualizar o

00:25:20

repetidor. Visualizar os

00:25:23

dados no repetidor e aqui, em vez de

00:25:26

reza, vou colocar somente data.

00:25:28

Então eu tenho uma função específica pra

00:25:32

fazer a visualização no repetidor. Dessa

00:25:34

forma, eu não preciso ficar toda vez

00:25:36

criando esse mesmo código, só preciso

00:25:38

chamar essa função, viu? Pessoas e passar

00:25:40

os dados aqui na propriedade agora

00:25:42

ficou fácil porque depois que a gente

00:25:45

fazer o filtro, a gente executou a

00:25:47

função, retornou os dados. A gente

00:25:49

precisa executar aquela função, então a

00:25:50

gente vai vim aqui, viu pessoas e passar

00:25:52

o resto aqui, né, que aí ele vai pegar lá

00:25:55

dentro da função e vai fazer o que

00:25:58

precisa ser feito. Fechou,

00:26:00

vamos agora executar esse filtro, né? A

00:26:03

gente vê que ele está verdinho clarinho

00:26:05

aqui é porque ele não está sendo

00:26:06

não sendo. Não está sendo usado em função

00:26:09

nenhuma. O que a gente precisa fazer? E

00:26:11

olha agora que interessante, né? A gente

00:26:13

vê aqui que ficou tudo vazio, né? E não

00:26:15

vai executar na hora da gente entrar na

00:26:18

página, né? Então olha que

00:26:20

interessante, porque aqui na hora de

00:26:23

iniciar a página, a gente pode

00:26:24

simplesmente usar a função filter,

00:26:26

porque a própria função filter ela vai

00:26:29

executar também, mesmo se não tiver

00:26:31

filtro nenhum. Então a gente pode colocar

00:26:33

ela ali, né? Usar ela para iniciar a

00:26:36

página e aparecer os dados.

00:26:37

Agora eu preciso executar esta função

00:26:41

filter sempre que eu clicar no botão

00:26:43

filtrar, tá? Então eu vou chamar aqui o

00:26:44

botão filtrar. Tenho

00:26:47

que chamar aqui dentro de um r, tá? Eu

00:26:50

to definindo aqui uma função, é.

00:26:53

Baseada numa ação de clique, vou chamar

00:26:56

aqui bt

00:26:59

city. com clique

00:27:01

então, quando clicar, o botão vai

00:27:04

executar essa função.

00:27:06

Aral function, OPA.

00:27:09

E aí eu executo filter.

00:27:17

Beleza, tá, vamos testar aqui agora.

00:27:25

Vou dar um publicar. Vamos ver que que

00:27:28

vai sair daqui, Hein?

00:27:31

Carregar a página.

00:27:36

O vou pesquisar aqui, Carla.

00:27:39

Já chamou Carla aqui, então o campo de

00:27:44

nome filtro de nome tá funcionando super

00:27:46

bem, tá? Vou apagar

00:27:49

Carla. Vou clicar em filtrar novamente.

00:27:51

Trouxe todos os dados de novo, agora vou

00:27:53

pesquisar apenas diretores, tá? Então vou

00:27:56

colocar aqui no filtro de trabalho,

00:27:59

diretor. Bom beleza,

00:28:01

já me trouxe aqui todos os diretores, tá?

00:28:04

E aí agora eu vou pesquisar. O

00:28:07

diretor Roger.

00:28:10

E aí ele me trouxe somente o Roger.

00:28:15

Fechou, galera, ficou fácil agora pra

00:28:17

vocês, eu tenho certeza que vocês vão

00:28:19

aproveitar muito bem e que que eu vou

00:28:21

fazer, né? Eu vou pegar todo esse código

00:28:24

aqui desse jeitinho, né? Do jeitinho que

00:28:27

está aqui, ó, para deixar muito teta para

00:28:29

vocês. Para que vocês consiga utilizar,

00:28:31

vou colocar no meu geithub e vou colocar

00:28:34

o link aqui na descrição do vídeo, vou

00:28:36

falar para vocês isso aqui que eu que eu

00:28:38

ensinei para vocês, são técnicas que eu

00:28:40

que eu faço nos meus projetos, tá? São

00:28:42

técnicas que eu aprendi com o tempo,

00:28:45

muito tempo já fazem 10 anos que eu mexo

00:28:47

no wix. Então o maior orgulho de passar

00:28:49

esse aprendizado que eu tive para vocês,

00:28:51

então dá um joinha aqui no vídeo, se

00:28:53

inscreve no canal para ajudar. Aí o canal

00:28:56

aí e comenta aqui embaixo para eu saber

00:28:58

que vocês gostaram desse vídeo, gostaram

00:29:00

desse conteúdo? E se vocês tiverem mais

00:29:01

alguma ideia, mais alguma dúvida de

00:29:04

alguma coisa que pode ser feita? Ou às

00:29:06

vezes você não sabe que pode? E

00:29:08

E quer saber se realmente dá para dá para

00:29:11

ser feita No No wix, né? Comenta aí em

00:29:14

baixo que aí eu vou trazer aqui para o

00:29:16

canal o conteúdo que vocês pedirem. Tá

00:29:18

muito obrigado. Espero que vocês tenham

00:29:21

gostado desse vídeo e até o próximo

00:29:23

valeu.

00:29:26

bottom of page