Prezados, criei uma barra de busca para os meus produtos com o código abaixo
import wixData from 'wix-data'; $w.onReady(function () { //TODO: write your page related code here... }); export function input1_keyPress(event) { let SearchValue = $w("#input1").value; $w("#dataset1").setFilter(wixData.filter().contains("modelo", SearchValue)); }
O mesmo funcionou na primeira vez, quando estava fazendo um teste.
Porem para minha surpresa desse vez acusou um erro quando coloquei no modo visualizar, aparecendo a seguinte mensagem:
"Loading the code for the comprar2 page. To debug this code, open kdnv0.js in Developer Tools."
Sendo assim o buscador não esta funcionando.
Alguém conseguem me ajudar?
Site: nobarco.com
Pagina teste: nobarco.com/copia-comprar
Olá @thiago costa,
Seu código está correto, mas notei que você não usou um debounce, ele evita que a função seja chamada
de forma repetitiva. Vou deixar um código de exemplo, talvez essa alteração seja suficiente para solucionar seu problema.
import wixData from 'wix-data'; $w.onReady(function () { let debounceTimer; $w("##input1").onKeyPress((event) => { if (event.code === 13) { filter(event.target.value); return; } //evita chamadas repetidas if (debounceTimer) { clearTimeout(debounceTimer); debounceTimer = undefined; } debounceTimer = setTimeout(() => { //chama o filtro filter(event.target.value); }, 500); }) }); //função de filtro function filter(SearchValue) { $w("#dataset1").setFilter(wixData.filter().contains("modelo", SearchValue)); }Espeto ter ajudado!