Olá,
Gostaria de fazer um formulário personalizado que funcionasse da seguinte maneira:
Tenho um campo "código do convite" e "quantidade de pessoas", este último será um dropdown.
Gostaria que as opções do dropdown variassem de acordo com o código do convite que eu colocar. Isso é possível?
Obrigado!
Estou tentando fazer buscas de categorias utilizando Drop Down... não esta fazendo a busca .. alguém pode me ajudar para verificar onde esta o erro no cod.
import wixData from "wix-data"; $w.onReady(function () { listartag1() listartag2() $w("#btnFiltrar").onClick(() => { filtrarLista() }) }); function listartag1() { wixData.aggregate("mendes") .group("tag1") .run() .then((result) => { let op = [{ "value": "Todos", "label": "Selecione" }] result.items.forEach((value) => { op.push({ "value": value.tag1, "label": value.tag1 }) }) $w("#addtag1").options = op }) } function listartag2() { wixData.aggregate("mendes") .group("tag2") .run() .then((result) => { let op = [{ "value": "Todos", "label": "Selecione" }] result.items.forEach((value) => { op.push({ "value": value.tag2, "label": value.tag2 }) }) $w("#addtag2").options = op }) } function filtrarLista() { let filtros = [] let filtroParaAplicar = wixData.filter().isNotEmpty("title") if ($w("#Tbpesquisa").value !== "") { filtros.push(wixData.filter().contains("title", $w("#Tbpesquisa").value)) } if ($w("#addtag1").value !== "" && $w("#addtag1").value !== "Todos") { filtros.push(wixData.filter().eq("tag1", $w("#addtag1").value)) } if ($w("#addtag2").value !== "" && $w("#addtag2").value !== "Todos") { filtros.push(wixData.filter().eq("tag2", $w("#addtag2").value)) } if (filtros.length > 0) { filtroParaAplicar = filtros[0] filtros.forEach((valueFilter, index) => { if (index > 0) { filtroParaAplicar = filtroParaAplicar.and(valueFilter) } }) } $w("#mendes").setFilter(filtroParaAplicar) }
Olá, obrigado pela resposta!
Fiz o teste aqui e funcionou!
Como seria a implementação disso usando um banco de dados?
Obrigado!
Oi @João Pedro
É possível sim, inclusive com dados vindo do banco de dados porém fiz um exemplo simples para teste, veja o resultado:
Código usado:
// For full API documentation, including code examples, visit http://wix.to/94BuAAs $w.onReady(function () { //TODO: write your page related code here... }); export function input1_blur(event) { const codigo = event.target.value console.log(codigo) if(codigo == 1) { $w("#dropdown1").options = [ {"label": "10 Convidados", "value": "10"}, {"label": "20 Convidados", "value": "20"}, {"label": "30 Convidados", "value": "30"}, {"label": "40 Convidados", "value": "40"}, ]; } else if(codigo == 2) { $w("#dropdown1").options = [ {"label": "50 Convidados", "value": "50"}, {"label": "60 Convidados", "value": "60"}, {"label": "70 Convidados", "value": "70"}, {"label": "80 Convidados", "value": "80"}, ]; } }
Documentação dropdown:
https://www.wix.com/corvid/reference/$w.Dropdown.html
Espero ter ajudado!