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